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

datatable加載json數據

劉柏宏2年前8瀏覽0評論

Datatable是一個強大的javascript表格插件,可以將任何類型的數據轉化為可編輯的、可排序的、可搜索的表格。其中,使用json數據進行表格渲染是最常見的一種方式。下面是一些使用datatable加載json數據的示例代碼。

$(document).ready(function(){
$('#example').DataTable({
"ajax": "data.json",      //加載json數據
"columns": [              //列定義
{ "data": "name" },
{ "data": "position" },
{ "data": "office" },
{ "data": "salary" }
]
});
});

在這個例子中,我們使用了ajax屬性來加載名為"data.json"的json數據文件,然后根據columns屬性中的列定義來對表格進行渲染。其中每個列定義都使用"data"屬性來指定需要顯示的json鍵。

如果您的json文件中含有嵌套數據,可以使用"dataSrc"屬性來指定需要顯示的鍵路徑:

$(document).ready(function(){
$('#example').DataTable({
"ajax": {
"url": "data.json",
"dataSrc": "employees"
},
"columns": [
{ "data": "name" },
{ "data": "position" },
{ "data": "office.city" },    //嵌套數據
{ "data": "salary" }
]
});
});

當數據嵌套在另一個鍵中時,只需在列定義中用"."來分隔鍵路徑即可。

總的來說,datatable通過良好的Json數據支持使得我們更加方便的對表格的管理和編輯,希望上述示例代碼能夠為您的json數據表格化提供幫助。