Jquery DataTable：子行控制错误

Question

我有一个包含子行的 HTML 表。我想让它像：Data Tables JQuery.

我想将表格放在 div 中隐藏 div 并单击按钮并显示它但它不起作用！如果 div 显示它工作？！

Answer 1

如果我理解正确，您需要在单击按钮时隐藏/显示包含表格的 div。试试这个：

按钮：

<button type="button" id="div-hider" class="btn btn-default">Hide/Show</button>

Div 本身：

<div id="div-to-hide"
<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
</table>
</div>

jQuery 代码：

 $( "#div-hider" ).on( "click", function() {
     $("#div-to-hide").toggle();
 });