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

Posted 2023-05-07

【中文标题】jQuery 数据表仅显示一行，但 JSON 包含所有记录

【英文标题】：jQuery datatable shows only one row but JSON includes all records

【发布时间】：2015-11-05 06:19:25

【问题描述】：

我创建了有效的 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，它显示了所有记录。

【问题讨论】：

请显示您的 JSON 文件的内容。

【参考方案1】：

您的列是您的表格标题（因此嵌套在 thead > tr 中）

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

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