jquery – DataTables – 展开子项详细信息,而无需使用Ajax

前端之家收集整理的这篇文章主要介绍了jquery – DataTables – 展开子项详细信息,而无需使用Ajax前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用一个使用 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>';
}

猜你在找的jQuery相关文章