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

>

jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件,助您打造适合当今网络的应用程序。

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

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

|在线Demo

数据网格中的客户端分页

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

|在线Demo

在数据网格中添加排序

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

|在线Demo

多重排序

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

|在线Demo

列组

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

|在线Demo

在数据网格中对齐列

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

|在线Demo

在数据网格中冻结列

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

|在线Demo

格式化数据网格的列

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

|在线Demo

在数据网格中冻结行

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

|在线Demo

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

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

|在线Demo

你可能感兴趣的:(用户界面框架jQuery EasyUI示例大全之DataGrid(2/4))