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

我正在开发一个使用jquery DataTables（版本1.10）的页面。 TableData 源当前仅作为渲染页面上的 HTML 表发送，并且工作正常。不过，我希望能够扩展行以显示详细信息。

非常喜欢这个例子Here https://datatables.net/examples/api/row_details.html

但是，我当前使用的网站尚未设置任何类型的 Web 服务，因此我无法进行 ajax 调用来获取示例使用的扩展信息。

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

我可以以某种方式嵌套表数据来获取此数据，或者告诉 DataTables 让所有其他表行成为其上方表行的子行吗？

我在数据表论坛上发布了同样的问题：Question https://datatables.net/forums/discussion/20903/parent-child-expand-details-without-using-ajax#latest

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

在您的 HTML 中：

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

In the click处理程序（示例中的第 50 行）：

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

And as format方法类似：

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