我有一个表格，其中一行显示，另一行隐藏，但单击时会显示。

<table cellspacing="0" id="datatable" class="table table-responsive table-striped table-bordered" style="width: 1300px; margin-bottom: 50px">
    <thead>
        <tr>
            <th>#</th>
            <th>1</th>
            <th>2</th>
            <th>3</th>
            <th>4</th>
            <th>5</th>
            <th>6</th>
            <th>7</th>
            <th>8</th>
            <th>9</th>
        </tr>
     </thead>
     <tbody>
         <tr>
           <td>#</td>
           <td>1</td>
           <td>2</td>
           <td>3</td>
           <td>4</td>
           <td>5</td>
           <td>6</td>
           <td>8</td>
           <td>9</td>
       </tr>
       <tr>
           <td colspan="9" id="break_{{$t->BreakID}}" style="display: none;"></td>
       </tr>
            </tbody>
        </table>

如果删除此行，DataTable 功能将起作用：

<tr>
    <td colspan="9" id="break_{{$t->BreakID}}" style="display: none;"></td>
</tr>

或者，如果我添加 8 个 td 以匹配上一行中的 th，但这样看起来很丑。我需要一个 td，即 colspan = 9 。我还尝试添加 8 个具有隐藏显示样式的 td。同样没有成功。

否则它不起作用并产生错误：

Uncaught TypeError: Cannot set property '_DT_CellIndex' of undefined

有什么建议吗？