我正在使用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表。
答案 0 :(得分:0)
**jQuery Datatable** have inbuilt features for expand and collapse row.
use the js fiddle for example :