jQuery EasyUI使用教程之在数据网格中创建列组
2016-02-04 10:42
417 查看
<jQuery EasyUI最新试用版免费下载>
该easyui的数据网格可以创建列组合,如下所示:
![](http://image.evget.com/images/article/2016/datagrid9_1.jpg)
查看jQuery EasyUI演示
在本实例中,我们使用平面数据来填充数据网格的数据,并把listprice、unitcost、addr1、status列组合在一个单一的列下。
为了创建列组合,您应该定义数据网格插件的columns数据。列的每个元素是定义一组可使用rowspan或colspan属性来进行组合的单元格。
下面的代码实现上面的例子:
下载该EasyUI示例:easyui-datagrid-demo.zip
有兴趣的朋友可以点击查看更多有关jQuery
EasyUI的教程!
该easyui的数据网格可以创建列组合,如下所示:
![](http://image.evget.com/images/article/2016/datagrid9_1.jpg)
查看jQuery EasyUI演示
在本实例中,我们使用平面数据来填充数据网格的数据,并把listprice、unitcost、addr1、status列组合在一个单一的列下。
为了创建列组合,您应该定义数据网格插件的columns数据。列的每个元素是定义一组可使用rowspan或colspan属性来进行组合的单元格。
下面的代码实现上面的例子:
有兴趣的朋友可以点击查看更多有关jQuery
EasyUI的教程!
相关文章推荐
- jquery写的一个圆形动画加载进度条
- JQuery模拟点击click
- jQuery----blur()方法
- jquery的checkbox,radio,select等方法总结
- jquery复选框 选中事件 及其判断是否被选中
- jQuery原理系列-css选择器实现
- NET 利用 jquery+ztree 实现 角色权限设置(以树结构显示导航菜单)
- 【jQuery基础学习】09 jQuery与前端(这章很水)
- jQuery 中的 DOM 操作
- JQuery实现品牌展示
- jquery操作select元素和option的实例代码
- form表单的提交相关的jquery
- jQuery.fn.extend() jQuery.extend()
- Ajax的实现和jQuery下的Ajax
- jQuery - 编写jQuery插件的基本形式(下)
- jQuery插件地址汇总
- JQuery Autocomplete实战
- jquery 处理返回数据 html json xml
- input
- jQuery 操作列表批量删除数据