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

<jQuery EasyUI最新試用版免費下載>

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