Datatable是一個非常強大的表格插件，它可以方便地將數(shù)據(jù)展示在web頁面上。而在實際應(yīng)用中，往往需要將json數(shù)據(jù)格式化展示在Datatable表格中，接下來我們來講解如何使用Datatable解析json數(shù)據(jù)。

首先需要先導(dǎo)入Datatable相關(guān)文件，包括jquery庫和Datatable插件。導(dǎo)入成功之后，可以使用Datatable的ajax屬性來獲取json數(shù)據(jù)并展示在表格中。具體代碼如下所示：

$('#dataTable').DataTable({
"ajax": "data.json", //json數(shù)據(jù)地址
"columns": [ //表格每列數(shù)據(jù)
{ "data": "name" },
{ "data": "age" },
{ "data": "gender" },
{ "data": "score" },
{ "data": "rank" },
{ "data": "address" }
]
});

這里的ajax屬性可以指定json數(shù)據(jù)的獲取地址，columns屬性是用來指定表格每一列對應(yīng)的數(shù)據(jù)字段。需要注意的是，json文件中的數(shù)據(jù)字段名稱需要和指定的columns屬性一一對應(yīng)，才能正確展示表格數(shù)據(jù)。

當然，如果傳輸?shù)膉son數(shù)據(jù)格式不符合默認規(guī)則，Datatable提供了許多配置參數(shù)來進行定制化。比如，可以設(shè)置數(shù)據(jù)格式、排序方式和分頁等等，具體參數(shù)如下所示：

$('#dataTable').DataTable({
"ajax": "data.json",
"columns": [
{ "data": "name" },
{ "data": "age" },
{ "data": "gender" },
{ "data": "score" },
{ "data": "rank" },
{ "data": "address" }
],
"language": { //設(shè)置語言
"url": "http://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Chinese.json"
},
"ordering": true, //設(shè)置排序
"order": [[ 3, "desc" ]], //按降序排列
"paging": true, //設(shè)置分頁
"pageLength": 10, //每頁顯示10條數(shù)據(jù)
"searching": true //啟用搜索功能
});

以上就是使用Datatable解析json數(shù)據(jù)的方法，通過設(shè)置ajax和columns屬性以及其它參數(shù)可以實現(xiàn)高度的個性化配置。相信您已經(jīng)能夠輕松對json數(shù)據(jù)進行解析并展示在Datatable表格中了。