DataTables - 不使用Ajax扩展Child详细信息

Question

我正在使用jquery DataTables(版本1.10)的页面.TableData源当前仅作为呈现页面上的HTML表发送,并且工作正常.但是,我希望能够扩展行以显示详细信息.

非常像这里的例子

但是,我正在使用的网站目前尚未设置任何类型的Web服务,因此我将无法进行ajax调用以获取示例使用的扩展信息.

有没有办法可以在完全呈现的页面上提供父子关系的所有必要信息？

我可以以某种方式嵌套表数据来获取它,或者告诉DataTables使每个其他表行成为它上面的那个子行吗？

我在datatables论坛上发布了同样的问题:问题

Answer 1

您可以将子行的数据存储在data父行的属性中,并相应地更改format示例中的方法.就像是

在您的HTML中:

<tr data-child-name="test1" data-child-value="10">
    <td>ParentRow</td>
    <td>No. 1</td>
</tr>

在click处理程序中(示例中的第50行):

row.child(format(tr.data('child-name'), tr.data('child-value'))).show();

和format方法类似:

function format (name, value) {
    return '<div>Name: ' + name + '<br />Value: ' + value + '</div>';
}