用户界面框架jQuery EasyUI示例大全之DataGrid（2/4）-控件新闻-慧都网

用户界面框架jQuery EasyUI示例大全之DataGrid（2/4）

原创|使用教程|编辑：龚雪|2016-02-06 09:10:23.000|阅读 294 次

概述：jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。本文主要为大家收集了jQuery EasyUI的DataGrid示例，欢迎品鉴！

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

数据网格服务器端分页演示

本演示主要为大家展示了数据网格在服务器端的分页，点击页面栏可以更改页码或页面大小。【另附源代码供大家参考】

|在线Demo

数据网格中的客户端分页

本演示主要为大家展示了在数据网格中如何实现客户端分页。【另附源代码供大家参考】

|在线Demo

在数据网格中添加排序

本演示主要展示了如何在数据网格中添加排序。在示例中可以单击列标题进行排序，但是“Attribute”和“Status”无法进行排序，因为它们的排序功能为分配。【另附源代码供大家参考】

|在线Demo

多重排序

将“multiSort”属性设置为true，从而实现多列排序。【另附源代码供大家参考】

|在线Demo

列组

本演示主要展示了列组的使用，标题的单元格可以合并。【另附源代码供大家参考】

|在线Demo

在数据网格中对齐列

本演示主要展示了在数据网格中如何对齐列，使用align和halign属性设置列和它们的头部对齐。【另附源代码供大家参考】

|在线Demo

在数据网格中冻结列

用户可以冻结某些列，使其超出视图时无法滚动。【另附源代码供大家参考】

|在线Demo

格式化数据网格的列

本示例主要演示了如何格式化数据网格的列。【另附源代码供大家参考】

|在线Demo

在数据网格中冻结行

本示例演示了如何在数据网格滚动下来之前冻结一些显示在顶部的行。【另附源代码供大家参考】

|在线Demo

在数据网格中对行进行分组

本示例演示了如何通过指定的列对行进行分组。【另附源代码供大家参考】

|在线Demo

购买最新正版授权！""

标签：HTML5 jQuery UI界面 HTML5/JS

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自：慧都控件网

上一篇：Wijmo5 Flexgrid基础教程：简单过滤FlexGridFilter 下一篇：Wijmo5 Flexgrid基础教程：自定义合并

彩票走势图

在线采购

中文文档库

试用/Demo下载

开发社群