jQuery dataTables - 展开/折叠加载 ajax 数据？答案

【问题标题】：jQuery dataTables - expand / collapse loading ajax data?jQuery dataTables - 展开/折叠加载 ajax 数据？
【发布时间】：2011-06-16 19:08:12
【问题描述】：

我正在使用 jquery 数据表插件，我希望有一个折叠和展开功能：

http://datatables.net/examples/api/row_details.html

我正在加载的数据是通过 html 来的，我应该如何构造 html 表格内容以便它折叠/展开？

谢谢

更新

感谢您回复我，他们有一个漂亮的沼泽标准表，很好，但他们在 js 中有这个功能：

/* Formating function for row details */
function fnFormatDetails ( oTable, nTr )
        {
        var aData = oTable.fnGetData( nTr );
            var sOut = '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">';
            sOut += '<tr><td>Rendering engine:</td><td>'+aData[1]+' '+aData[4]+'</td></tr>';
            sOut += '<tr><td>Link to source:</td><td>Could provide a link here</td></tr>';
            sOut += '<tr><td>Extra info:</td><td>And any further details here (images etc)</td></tr>';
            sOut += '</table>';

            return sOut;
        }

我不确定这是如何更改表格结构的，但正在添加它以允许表格中的折叠内容。

我只想生成一个 html 表格而不使用上面的脚本。

【问题讨论】：

我很困惑，这不正是示例在做什么吗？他们有一个用来加载数据的 HTML 表格。您的问题有何不同？
您好，我在上面添加了一个更新，希望能更好地解释事情。
我做过这样复杂的事情，这部分代码定义了当你按正确状态按下加号时添加到表中的内容，你为什么不想使用它？您可以根据需要对其进行自定义：您希望添加到表中的数据由 ajax 源获取？
我认为通过ajax返回带有展开/折叠行的表格的完整html会更容易，因为在展开的行中我想有不同的内容，而不是结构化的内容上面的代码usd。谢谢

标签： jquery ajax datatables jquery-datatables

【解决方案1】：

**jQuery Datatable** have inbuilt features for expand and collapse row.
use the js fiddle for example :

http://jsfiddle.net/dvgotLfz/5/

【讨论】：