jQuery dataTables - 展开/折叠加载ajax数据?

时间:2011-06-16 19:08:13

标签: jquery ajax datatables jquery-datatables

我正在使用jquery datatables插件,我想要一个折叠和扩展功能:

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;
        }

我不确定这是如何改变表结构的,但是这是添加的,它允许表中的collpased内容。

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

1 个答案:

答案 0 :(得分:0)

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

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