Question

我有一个php文件，用于创建一个包含Database的值的表。

这是HTML打印出来的：

<table id="table" class="display dataTable no-footer">
    <thead>
        <tr class="headContainer">
            <th colspan="1"> 
                <div id="tablePerPage"></div>
            </th>
            <th colspan="1">
                <div id="tableSearch"></div>
            </th>
        </tr>
        <tr>
            <th colspan="2" class="rowHeader">
                Locations
            </th>
        </tr>
    </thead>
    <tbody id="tableContent">
        <tr class="tableRow">
            <td> 
                <a href="q=NewYork">New York</a> 
            </td>
        </tr>
    </tbody>
</table>

这是JS代码：

$('#table').DataTable({
      autoWidth: true
      responsive: true,
      lengthChange: true,
      ordering: true
 });

 $('#tableSearch').html($('.dataTables_filter'));
 $('#tablePerPage').html($('#table_length'));

标题是常量，但是正文数据会动态更改。

如何解决这个问题？

Answer 1

在<th>中有两个".headContainer"，在下一行中有一个<th>，但是colspan="2"（相当于两个<th>），只有一个表格主体中<td>，导致了＆＃34;不匹配＆＃34;列表中的列和<td>数据。

如果您添加其他<td>：

<tbody id="tableContent">
    <tr class="tableRow">
        <td>
            <a href="q=NewYork">New York</a>
        </td>
        <td>
            <a href="q=Chicago">Chicago</a>
        </td>
    </tr>
</tbody>

DataTables应该感到高兴。

DataTables：Uncaught TypeError：无法设置属性＆＃39; _DT_CellIndex＆＃39;未定义的

1 个答案: