Jquery DataTable: ошибка управления дочерними строками

Question

У меня есть таблица HTML, которая включает дочерние строки.Я хочу сделать это следующим образом: Таблицы данных JQuery .

Я хочу поместить таблицу в div, чтобы div скрылся, и нажав кнопку, показать, что он не работает! Если divпоказывается его сработало?!

Answer 1

Если я правильно понял, вам нужно скрыть / показать div, который содержит таблицу по нажатию кнопки.Попробуйте это:

Кнопка:

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

Div 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();
 });