easyUI datagrid显示摘要信息在页脚
2012-08-11 10:37
260 查看
@author YHC
在这个教程中,我们将告诉你如何显示摘要信息行在datagrid页脚.
![](http://my.csdn.net/uploads/201208/11/1344653098_9632.png)
查看 Demo
显示页脚行,你应该设置showFooter 属性为true,然后准备页脚行定义在datagrid的数据,以下是示例数据.
easyui-datagrid-demo.zip
在这个教程中,我们将告诉你如何显示摘要信息行在datagrid页脚.
![](http://my.csdn.net/uploads/201208/11/1344653098_9632.png)
查看 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 示例:
easyui-datagrid-demo.zip
相关文章推荐
- easyUI 展开DataGrid里面的行显示详细信息
- 更改EasyUI的DataGrid的显示信息。使用formatter属性,将数据库中存储的gender为1 or 0修改为“男”or“女”。
- easyUI 展开DataGrid里面的行显示详细信息
- jQuery EasyUI使用教程之在数据网格的页脚中显示摘要信息
- easyUI datagrid显示摘要信息在页脚
- EasyUi的DataGrid组件扩展,显示统计当前页信息
- easyUI 展开DataGrid里面的行显示详细信息
- easyUI 的datagrid字段如何中把一些显示的内容换成直观容易的理解的
- EasyUI Datagrid 鼠标悬停显示单元格内容
- 如何在静态博客hexo中只显示摘要信息
- 【解决方法】EasyUI DataGrid无数据时不显示滚动条问题
- [easyui]datagrid鼠标移动显示单元格内容
- 在ASP.NET 2.0中操作数据:在GridView的页脚中显示统计信息
- easyui datagrid 基础信息
- 【技巧】easyUI datagrid在隐藏时加载,显示时无法加载出界面
- easyui datagrid 没数据时显示滚动条的解决方法
- easyui笔记:datagrid 编辑结束时combobox显示value而不显示text
- easyui 如何同时左右显示两个datagrid
- easyui datagrid 单元格内文本超出长度显示省略号
- easyui datagrid单元格实现溢出文本显示省略号的效果。