往往在需求中需要添加一行统计行,如图:
这时可在table初始化方法中添加如下代码:
在tableOptions中添加rendered回调函数,
在方法体中写拼装统计行的代码。
rendered代码实例:
rendered:function(){
var lastRowDom = '<tr data-key="1001" role="row" id="row0emapdatatable">'
+'<td colspan="8" role="gridcell" class="jqx-cell jqx-grid-cell jqx-item" style="text-align: center"><span title="">合计</span></td>'
+'<td role="gridcell" style="max-width:100px; width:100px;" class="jqx-cell jqx-grid-cell jqx-item" style="text-align: left"><span title="">100</span></td>'
+'<td role="gridcell" style="max-width:100px; width:100px;" class="jqx-cell jqx-grid-cell jqx-item jqx-center-align"><a href="javascript:void(0)" data-action="detail" data-x-wid="1001">'+''+'</a></td>'+'</tr>';
$('#emapdatatable tr:last').after(lastRowDom);
},