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

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

jQuery EasyUI致力於幫助web開發者更輕鬆的打造出功能豐富而且美觀的UI界面。jQuery EasyUI提供了基於當下流行的jQuery core和HTML5的控件，助您打造適合當今網絡的應用程序。

基本的數據網格

本示例主要爲你們展現了基本的數據網格，數據網格由標記建立的，不須要JavaScript代碼。【附源代碼供你們參考】

|在線Demo

從表格中轉換數據網格

本示例主要演示了從現有的、未格式化的HTML表格中轉換數據網格。【另附源代碼供你們參考】

|在線Demo

數據網格的行邊框

本演示主要爲你們展現瞭如何更改數據網格的行邊框樣式。【另附源代碼供你們參考】

|在線Demo

數據網格選擇

本演示主要爲你們展現了數據網格的選擇，首先選擇一個選擇模式，而後選擇一行或多行。【另附源代碼供你們參考】

|在線Demo

數據網格中的複選框選擇

本演示主要爲你們展現了數據網格中的複選框選擇，點擊標題中的複選框來選擇或取消全部選擇。【另附源代碼供你們參考】

|在線Demo

具備工具欄的數據網格

本演示主要展現了具備工具欄的數據網格，在數據網格的頂部放置工具欄。【另附源代碼供你們參考】

|在線Demo

數據網格的複雜工具欄

數據網格的工具欄能夠經過一個div標記來定義，所以你能夠很容易地定義工具欄佈局。【另附源代碼供你們參考】

|在線Demo

數據網格篩選行

本示例主要演示瞭如何自定義DataGrid的過濾器菜單。【另附源代碼供你們參考】

|在線Demo

數據網格中的遠程過濾

本演示主要爲你們展現了在數據網格組件中如何應用遠程過濾和分頁。【另附源代碼供你們參考】

|在線Demo

自定義DataGrid Pager

本演示主要爲你們展現瞭如何自定義DataGrid Pager，你能夠在標準的datagrid pager工具欄中附加一些按鈕。【另附源代碼供你們參考】

|在線Demo