Question

我正在尝试设置数据表以读取json API以在表中显示数据。当前，它会将所有对象内容输出到一行中，而不是像显示表格一样循环显示。

HTML

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

JS

$(document).ready(function() {
    $('#example').DataTable({
        "processing" : true,
        "ajax" : {
            "url" : "https://zelcash.voidr.net/api/payments",
            dataSrc : ''
        },
        "columns" : [ {
            "data" : "payments.[].blocks.[]"
        }, {
            "data" : "payments.[].amounts.t1XHpNtYY2N3EMDRoX9RM2hq4DWWPZSmawJ"
        }, {
            "data" : "payments.[].time"
        }]
    });
});

Answer 1

您需要一个端点仅返回一个数组，因为该端点https://zelcash.voidr.net/api/payments返回一些对象。

您可以查看数据表文档： https://datatables.net/examples/data_sources/ajax在此示例中，ajax URL为https://datatables.net/examples/ajax/data/arrays.txt，它返回一个数组。

Datatables json数据可在一行上显示所有数据

1 个答案: