我正在使用一个使用
jquery DataTables(1.10版)的页面. TableData源当前只是在渲染页面上作为HTML表发送,并且工作完美.但是,我想要扩展行以显示详细的信息.
非常像Here的例子
然而,我正在使用的网站目前还没有设置任何类型的Web服务,所以我将无法进行ajax调用来获取扩展的信息,如示例使用.
有没有办法可以在完全呈现的页面上提供父子关系的所有必要信息?
我可以以某种方式嵌套表数据来获取这个数据,或者告诉DataTables使每个其他表行成为上面的一个子代?
我在数据表论坛上发布了同样的问题:Question
解决方法
您可以将子行的数据存储在父行的数据属性中,并相应地从示例中更改格式方法.就像是
在你的HTML中:
<tr data-child-name="test1" data-child-value="10"> <td>ParentRow</td> <td>No. 1</td> </tr>
在点击处理程序(示例中的第50行)中:
row.child( format( tr.data('child-name'),tr.data('child-value') ).show();
并且作为格式方法的东西:
function format ( name,value ) { return '<div>Name: ' + name + '<br />Value: ' + value + '</div>'; }