如何使用 jquery 数据表在表上添加 div?

Abh*_*nav 4 jquery datatables

我正在使用 jQuery 数据表来管理表。在这里,我需要仅在表格上添加一个 div,而不是在分页 div 上添加一个 div,如下所示

<div class="class-name"> <table></table> </div> <div class="dataTables_paginate paging_simple_numbers"></div>
Run Code Online (Sandbox Code Playgroud)

有人可以帮我吗?

小智 7

这个问题很老了,但今天我遇到了同样的问题。所以这是“官方”解决方案:

在初始化 DataTable 的 JavaScript 部分中,您可以像这样修改生成的 DOM:

$('table').DataTable( {
    ...,
    dom: '<"class-name"t>p'
});
Run Code Online (Sandbox Code Playgroud)

在哪里

  • <"class-name"翻译为<div class="class-name">
  • t替换为表 ( <table>...</table>)
  • >将 div 关闭为</div>
  • p渲染分页元素

DataTables 文档解释了可用的选项: https ://datatables.net/examples/basic_init/dom.html