jQuery 数据表仅显示一行，但 JSON 包含所有记录

Question

我创建了有效的 JSON，其中包含数据库中的所有记录。我在网上查了一下并验证了。但问题是，当我将它与 jQuery DataTables 绑定(bind)时，它只显示表中的第一行。

JavaScript

$('#datatable').DataTable({
    "aLengthMenu": [
       [25, 50, 75, -1],
       [25, 50, 75, "All"]
    ],
    "iDisplayLength": 25,
    columns: [
       { 'data': 'Training/Program Code'}, 
       { 'data': 'Training Date And Duration Year'}, 
       { 'data': 'Training/Program Name' }, 
       { 'data': 'RADP-N Partner Name' }, 
       { 'data': 'Reporting Month ' }, 
       { 'data': 'Training/Program Location' }, 
       { 'data': 'Is this training related to nutrition'}
    ]
 });

HTML

<thead>
<tr>
    <td>Training/Program Code</td>
    <td>Training/Program Code</td>
    <td>Training Date And Duration Year</td>
    <td>RADP-N Partner Name</td>
    <td>Reporting Month </td>
    <td>Training/Program Location</td>
</tr>
</thead>

为什么只显示一行？我检查了 JSON，它显示了所有记录。

Answer 1

您的列是表标题(因此嵌套在 thead > tr 中)

数据由DataTable声明中的数据属性定义-

$('#datatable').DataTable( {
    data: data
} );