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

Question

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

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 声明中的 data 属性定义-

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