html 如何通过JavaScript向数据表中添加行?

g6ll5ycj  于 2024-01-04  发布在  Java
关注(0)|答案(4)|浏览(257)

我想在使用JavaScript数组显示页面时向datatable添加行。我试图弄清楚这一点,但该行没有被添加。

  1. $('#dataTables-example').DataTable().fnAddData([
  2. '1', '1', '1'
  3. ]);

个字符

3yhwsihp

3yhwsihp1#

您的代码工作正常,但仅适用于1.9.x(或更早版本)的插件。

  1. $('#dataTables-example').DataTable().fnAddData([
  2. '1', '1', '1'
  3. ]);

个字符
以下是最新版本(1.10.x)的datatables.net web site上的示例:

  1. $('#dataTables-example').DataTable().row.add([
  2. '1', '1', '1'
  3. ]).draw();
  1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  2. <script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
  3. <link rel="stylesheet" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">
  4. <table class="table table-striped table-bordered table-hover" id="dataTables-example" border="1">
  5. <thead>
  6. <tr>
  7. <th>Host</th>
  8. <th>Method</th>
  9. <th>SSL</th>
  10. </tr>
  11. </thead>
  12. <tbody>
  13. </tbody>
  14. </table>

的字符串

展开查看全部
eit6fx6z

eit6fx6z2#

API中,这是添加行的方法之一:

  1. var dataTable = $('#dataTables-example').DataTable();
  2. dataTable.row.add(['1','1','1' ]).draw();

字符串
演示@Fiddle

k2fxgqgv

k2fxgqgv3#

要解决使用DataTables时的重新初始化警告挑战,您可能需要尝试检索选项。www.datatables.net/manual/tech-notes解释了它的工作原理。您可以阅读有关DataTables**here**的信息。
在承认上述代码结构并不总是特别有吸引力的情况下,DataTables作为检索DT(https://datatables.net/reference/option/retrieve)选项,可用于告诉DataTables您知道初始化选项在初始化后不能更改,并且如果发生这种情况,您只希望返回DataTable示例。
在获取DataTables示例时,此可选参数可以提供使用如上所述的$.fn.dataTable.isDataTable()进行显式检查的快捷方式:

  1. table = $('#example').DataTable( {
  2. retrieve: true,
  3. paging: false } );

字符串

41zrol4v

41zrol4v4#

也许您可以使用jQuery在tbody之前生成行,然后将其追加到tbody

  1. $("#dataTables-example > tbody").append("<tr><td>row content</td></tr>");

字符串

相关问题