Jquery DataTable:TD内部表,子表,嵌套表

时间:2013-11-18 09:57:31

标签: javascript jquery datatables

我正在使用数据表,我需要在td单元格中显示一个表格,我已经检查了向下钻取示例但是需要点击加号,除了在包含加号的行下方查看。这不是必需的

我想创建精确的嵌套表格 enter image description here

其中td单元格有一个嵌套的内联表,无需点击任何加号。 使用数据表是可能的吗?有什么参考吗?

1 个答案:

答案 0 :(得分:0)

Datatable为复杂标题提供基本支持:

http://datatables.net/release-datatables/examples/basic_init/complex_header.html

否则,您可以使用回调来使表格呈现比单个相邻单元格更复杂的内容。

http://datatables.net/usage/callbacks

寻找fnDrawCallbackfnRowCallback

以下示例无法实现您的目标,但会为您举例说明每次datatables修改html时如何操作html(使用fnDrawCallback):

http://datatables.net/release-datatables/examples/advanced_init/row_grouping.html

以下是使用fnRowCallback的基本示例:

http://datatables.net/release-datatables/examples/advanced_init/row_callback.html

虽然有一点警告:如果你开始摆弄桌面结构,你最终可能会对“过滤器”和“排序”功能产生意外。