@author YHC
在这个教程中,我们将告诉你如何显示摘要信息行在datagrid页脚.
查看 Demo
显示页脚行,你应该设置showFooter 属性为true,然后准备页脚行定义在datagrid的数据,以下是示例数据.
{"total":1,"rows":[{"id":1,"name":"Chai","price":18.00}],"footer":[{"name":"Total","price":18.00}]}
创建DataGrid
<table id="tt" title="DataGrid" class="easyui-datagrid" style="width:400px;height:250px"
url="data/datagrid17_data.json"
fitColumns="true" rownumbers="true" showFooter="true">
<thead>
<tr>
<th field="name" width="80">Product Name</th>
<th field="price" width="40" align="right">Unit Price</th>
</tr>
</thead>
</table>
页脚行和显示数据行一样,所以你可以显示不止一个摘要信息在页脚.
下载 EasyUI 示例:
分享到:
相关推荐
JS EasyUI DataGrid动态加载数据
jquery easyui 扩展 datagrid 自定义动态隐藏显示列
easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格
EasyUI DataGrid过滤用法实例
easyUI datagrid 自动调整行号大小
easyui datagrid editor回车切换单元格示例,适合熟悉easyui但又不懂如何做的人员,可能参考一下源码JS。
easyUI datagrid显示摘要信息在页脚 easyUI 根据一些条件改变DataGrid 行背景颜色 easyUI 创建一个 Property Grid easyUI 展开DataGrid里面的行显示详细信息 easyUI 在主datagrid上创建子datagrid Window ...
两种方法将easyui datagrid 中的数据导出到Excel中,均以验证可以正常使用
easyUI中datagrid鼠标悬浮显示图片,博客地址:https://blog.csdn.net/lwf3115841/article/details/119531658?spm=1001.2014.3001.5501
jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!
在easyui 的datagrid编辑状态下实时更新其他处于编辑或者没在编辑下的列值,并在结束编辑后得到的row的数据为更改后的数据。
NULL 博文链接:https://skyfar666.iteye.com/blog/1840145
easyui datagrid 多条件筛选 可复选 过滤 例如过滤200-300 500-600 类似淘宝筛选 但允许复选
解决EasyUIdataGrid列比较多,无数据,列展现不全
修改上一个资源版本中结束编辑时combobox显示问题. 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而...
jquery easyui demo 网页下载下来打包了,还有datagrid简要说明
easyUI datagrid 行上移,下移,置顶,置底的方法
EasyUI Datagrid 中文排序的问题 解决了WEB端和后台(Oracle、MySQL)中文排序问题
easyui datagrid 导出到excel,图解
在easy ui datagrid 列表基础上实现行过滤[行模糊查询],注:数据库远程查询