博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery EasyUI使用教程之在数据网格的页脚中显示摘要信息
阅读量:6332 次
发布时间:2019-06-22

本文共 671 字,大约阅读时间需要 2 分钟。

hot3.png

<>

在本教程中,我们将为您展示如何在数据网格的页脚中显示摘要信息行。

在数据网格的页脚中显示摘要信息

想要显示页脚行,您应该将showFooter属性设置为true,然后准备定义在数据网格数据中的页脚行。以下是示例数据:

{

"total":1,"rows":[{
"id":1,"name":"Chai","price":18.00}],"footer":[{
"name":"Total","price":18.00}]}

创建数据网格

<
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示例:

有兴趣的朋友可以

转载于:https://my.oschina.net/u/2317468/blog/650504

你可能感兴趣的文章
QCon上海2015精彩演讲前瞻:一线互联网公司架构实践
查看>>
中台之上(一):重视业务架构,不要让“业务的归业务、技术的归技术”
查看>>
混沌实践访谈:混沌工程和系统可观测性密不可分
查看>>
MIT开发新加密货币,用户所需数据比比特币减少99%
查看>>
使用ConstructR启动akka集群
查看>>
Apache Kylin在绿城客户画像系统中的实践
查看>>
冗余代码检测与分析
查看>>
树莓派第三代跨越发展,采用64位处理器内建WiFi及蓝牙
查看>>
技术实践如何支持演进式架构和持续集成
查看>>
在敏捷中应用测试驱动开发
查看>>
阿里云9月1日安骑士升级故障真相
查看>>
Effective C++ 4.设计与声明
查看>>
IBM推出实时跨境支付解决方案Blockchain World Wire
查看>>
Reinhold就Jigsaw投票一事向JCP提交公开信
查看>>
物联网技术周报第 121 期: 使用 Arduino 监测你的睡眠质量
查看>>
Apple计划开发完全定制的GPU架构
查看>>
Vue 2 | Part 3 常用指令合集
查看>>
Swift 3来了!
查看>>
腾讯云与每日优鲜便利购战略签约 引领无人零售2.0时代发展
查看>>
大规模分布式环境下的企业架构治理之道
查看>>