Question

所以我一直在搞乱Datatables.js，但我似乎无法用结果填充它。所以我有一个Java servlet，它返回以下JSON：

[{"fileName":"report (1).xlsx","fileSize":"82 KB","fileDate":"07/13/2016 15:19:43"},{"fileName":"report (2).xlsx","fileSize":"11 KB","fileDate":"07/07/2016 11:35:47"},{"fileName":"report (3).xlsx","fileSize":"11 KB","fileDate":"07/07/2016 11:35:47"},{"fileName":"report (4).xlsx","fileSize":"9 KB","fileDate":"07/13/2016 15:20:54"}]

我的HTML看起来像：

<table id="example" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Name</th>
            <th>Size</th>
            <th>Date</th>

        </tr>
    </thead>

</table>

我的JS看起来像：

$(document).ready(function() {

    var oTable = $('#example').dataTable( {
        "processing": true,
        "ajax": {
        "url": "/TR3Application/FileViewerServlet",
        "dataSrc": "",
        "type": "GET"
        }
        } );


});

当我只是调用AJAX并记录它返回的内容时，我从servlet获得了完全相同的JSON响应。但Datatables似乎并不适合任何人。我做错了什么？

Answer 1

你需要让dataTables知道列--Json映射。

    <tr>
        <th data-data="fileName">Name</th>
        <th data-data="fileSize">Size</th>
        <th data-data="fileDate">Date</th>
    </tr>

Datatables.js：如何读取JSON

1 个答案: