如何给EmapDataTable添加统计行

最新推荐文章于 2020-08-28 11:05:43 发布

campuscrowd

最新推荐文章于 2020-08-28 11:05:43 发布

阅读量816

点赞数

分类专栏：平台技术-EMAP 文章标签： EMAP

本文链接：https://blog.csdn.net/campuscrowd/article/details/53888589

版权

平台技术-EMAP 专栏收录该内容

18 篇文章 2 订阅

订阅专栏

往往在需求中需要添加一行统计行，如图：
这里写图片描述
这时可在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);
                },