DataTable pagination удаляет формы

Question

Я использую jQuery DataTables. У меня есть таблица с ID read, и каждая строка таблицы находится внутри формы.

Когда я делаю разбивку на страницы с помощью $('#read').DataTable(), формы исчезают, и я не могу понять, почему?

Answer 1

Конечно, они это делают.

Правильная структура таблицы HTML является:

<table> 
    <thead><!--optional--> 
     <tr><!--optional--> 
     <td></td><!--optional th can also be used--> 
     </tr><!--optional--> 
    </thead><!--optional--> 
    <tbody><!--optional--> 
     <tr> 
     <td></td> 
     </tr> 
    </tbody><!--optional--> 
    <tfoot><!--optional--> 
     <tr><!--optional--> 
     <td></td><!--optional th can also be used--> 
     </tr><!--optional--> 
    </tfoot><!--optional--> 
</table> 

Для получения дополнительной информации см http://www.w3.org/TR/html401/struct/tables.html

Поэтому прилагаю <tr> элемент в <form> элемент не действует синтаксис (именно поэтому они получают раздели прочь от DataTables)

Я предлагаю вам подумать, как вы хотите, чтобы ваши Datatables работали. Для обновления строк вы можете использовать http://www.datatables.net/examples/ajax/. Чтобы обновить всю таблицу, вы можете использовать обычный jquery-ajax api http://api.jquery.com/jquery.ajax/.