jqGrid表格底部汇总、合计行footerrow处理

最新推荐文章于 2025-07-23 15:43:52 发布

weixin_34327223

最新推荐文章于 2025-07-23 15:43:52 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://blog.51cto.com/14335413/2407151

本文介绍了jqGrid中如何实现表格底部的汇总和合计行功能。讲解了footerrow配置项、userDataOnFooter选项以及footerData方法的使用。通过一个DEMO展示了如何在gridComplete事件中进行数据汇总，并将结果赋值给合计行。此外，还提供了一个获取汇总行数据的方法。

　　jqGrid提供了表格底部汇总、合计行功能，我们先看下user-guide关于jqGrid合计行都有哪些说明?然后再看个DEMO，看看jqGrid表格底部汇总、合计行到底如何实现。

　　1、user-guide关于jqGrid合计行的说明

　　1)表格配置：footerrow, boolean, 默认false

　　If set to true this will place a footer table with one row below the gird records and above the pager. The number of columns equal those specified in colModel

　　表格是否显示底部合计行。

　　2)表格配置：userDataOnFooter，boolean，默认false

　　When set to true we directly place the user data array userData in the footer if the footerrow parameter is set to true. The rules are as follows: If the userData array contains a name which matches any name defined in colModel, then the value is placed in that column. If there are no such values nothing is placed. Note that if this option is used we use the current formatter options (if available) for that column. See footerData method.