色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

datatables json對象

錢艷冰1年前8瀏覽0評論

使用Datatables插件進行表格展示是很常見的需求,通過以JSON對象的方式傳遞數據,可以定制化我們想要展示的數據。

下面是一個簡單的使用示例:

$(document).ready(function() {
$('#example').DataTable( {
"ajax": "data.json",
"columns": [
{ "data": "name" },
{ "data": "position" },
{ "data": "office" },
{ "data": "salary" }
]
} );
} );

在這個例子中,我們通過"ajax"屬性傳遞了數據的請求鏈接,這里我們使用了一個本地的JSON文件,但是在實際應用中,我們可能需要使用后端接口返回的JSON數據。

"columns"中我們定義了我們想要展示的列,"data"屬性對應了我們JSON對象中的字段。

我們的JSON對象可能長這樣:

{
"data": [
{
"name": "Tiger Nixon",
"position": "System Architect",
"office": "Edinburgh",
"age": "61",
"startDate": "2011/04/25",
"salary": "$320,800"
},
{
"name": "Garrett Winters",
"position": "Accountant",
"office": "Tokyo",
"age": "63",
"startDate": "2011/07/25",
"salary": "$170,750"
}
]
}

通過設置"columns",我們只需要展示數據中的"name"、"position"、"office"和"salary"字段。

除了"ajax"和"columns"屬性,Datatables還提供了大量屬性和回調函數,可以定制化表格樣式和交互行為。具體使用可以參考Datatables的官方文檔。