jQuery 数据表忽略带有 colspan 的行

Question

我有一个如下所示的表格:

编辑:

<table id="results">
<thead>
    <tr>
        <th>ID</th>
        <th>NAME</th>
        <th>NUMBER</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td><a href="#" onclick="$('#user_1').toggle();">1</a></td>
        <td>JOHN</td>
        <td>311-123-4523</td>
    </tr>
    <tr id="user_1" class="hide">
        <td colspan="3">
        Some information about the user
        </td>
    </tr>
</tbody>    
</table>

<script>
    $(document).ready(function(){
        $('#results').dataTable({
            "sPaginationType": "bootstrap"
        });
    });
</script>

注意:点击 ID 号，显示/隐藏详细信息行。

当 dataTable 尝试使用 colspan 渲染表格时遇到问题，出现此错误

Uncaught TypeError: Cannot read property 'asSorting' of undefined 

如果我删除详细信息行，数据表会呈现一切正常。

我想知道是否可以告诉 dataTable 忽略如上所述的详细信息行。

Answer 1

我建议直接从数据表使用此解决方案

DataTables hidden row details example

效果很好