javascript - 数据表空表错误

Question

我有一段使用数据表插件的代码。

表结构如下:

<thead>
    <tr>
        <th>col1</th>
        <th>col2</th>
        <th>col3</th>
        <th>col4</th>
        <th>col5</th>
        <th>col6</th>
        <th>col7</th>
        <th>col8</th>
    </tr>
</thead>

但请注意，在初始化代码中我隐藏了最后四列。

在我的代码中，我执行以下操作:

if($data->responseCode < 400)
{
    echo HTML Table
}

有效

else
{
    echo '<tr><td colspan=4><h1 class="error">'.$data->errorMsg.'</h1></td></tr>';
}

当我这样做时，出现以下错误:

“DataTables 警告(表 id = 'DataTables_Table_0'):从数据源中为第 0 行请求了未知参数'1'”

这里是数据代码:

var oTable = $('.table1').DataTable({
    "iDisplayLength": 100,
    "aaSortingFixed": [[0,'desc']],
    "aaSorting": [ [0,'asc'] ],
    "aoColumnDefs": [
          { "bVisible": false, "aTargets": [ 4,5,6,7 ] },
          { "bSearchable": false, "aTargets": [ 1,2,3,4,5,6,7] },
          { "bSearchable": true, "aTargets": [ 0 ] },
        ]
});

有人知道是什么原因造成的吗？我以为可能是 colspan 但当我删除它时，问题仍然存在。奇怪的是，我在另一个页面上使用它，它似乎可以很好地处理空结果集。

不确定这是否有帮助，但玩了一会儿后，我设法在 firebug 中显示以下错误:

“类型错误:nTd 未定义”

Answer 1

如果您经常使用数据表，那么这是您会遇到的常见错误。原因是你创建数据表的数据格式与表列不匹配，比如你有4列，而源数据只能提供3列。你可以贴出数据格式和表结构，让我检查进一步的问题。