0

我正在使用 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 表而不使用上面的脚本。

4

1 回答 1

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

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

于 2017-02-10T09:59:25.013 回答