jquery - DataTable分页删除表格

Question

我正在使用 jQuery 数据表。我有一个 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> 中的元素元素不是有效的语法(这就是它们被数据表剥离的原因)

我建议您重新考虑数据表的工作方式。要更新行，您可以使用 http://www.datatables.net/examples/ajax/ 。 要更新整个表，您可以使用常规 jquery-ajax api http://api.jquery.com/jquery.ajax/ 。