2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

<jQuery EasyUI最新試用版免費(fèi)下載>

jQuery EasyUI致力于幫助web開發(fā)者更輕松的打造出功能豐富并且美觀的UI界面。jQuery EasyUI提供了基于當(dāng)下流行的jQuery core和HTML5的控件，助您打造適合當(dāng)今網(wǎng)絡(luò)的應(yīng)用程序。

基本的數(shù)據(jù)網(wǎng)格

本示例主要為大家展示了基本的數(shù)據(jù)網(wǎng)格，數(shù)據(jù)網(wǎng)格由標(biāo)記創(chuàng)建的，不需要JavaScript代碼。【附源代碼供大家參考】

|在線Demo

從表格中轉(zhuǎn)換數(shù)據(jù)網(wǎng)格

本示例主要演示了從現(xiàn)有的、未格式化的HTML表格中轉(zhuǎn)換數(shù)據(jù)網(wǎng)格。【另附源代碼供大家參考】

|在線Demo

數(shù)據(jù)網(wǎng)格的行邊框

本演示主要為大家展示了如何更改數(shù)據(jù)網(wǎng)格的行邊框樣式。【另附源代碼供大家參考】

|在線Demo

數(shù)據(jù)網(wǎng)格選擇

本演示主要為大家展示了數(shù)據(jù)網(wǎng)格的選擇，首先選擇一個(gè)選擇模式，然后選擇一行或多行。【另附源代碼供大家參考】

|在線Demo

數(shù)據(jù)網(wǎng)格中的復(fù)選框選擇

本演示主要為大家展示了數(shù)據(jù)網(wǎng)格中的復(fù)選框選擇，點(diǎn)擊標(biāo)題中的復(fù)選框來選擇或取消所有選擇。【另附源代碼供大家參考】

|在線Demo

具有工具欄的數(shù)據(jù)網(wǎng)格

本演示主要展示了具有工具欄的數(shù)據(jù)網(wǎng)格，在數(shù)據(jù)網(wǎng)格的頂部放置工具欄。【另附源代碼供大家參考】

|在線Demo

數(shù)據(jù)網(wǎng)格的復(fù)雜工具欄

數(shù)據(jù)網(wǎng)格的工具欄可以通過一個(gè)div標(biāo)記來定義，因此你可以很容易地定義工具欄布局。【另附源代碼供大家參考】

|在線Demo

數(shù)據(jù)網(wǎng)格篩選行

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

|在線Demo

數(shù)據(jù)網(wǎng)格中的遠(yuǎn)程過濾

本演示主要為大家展示了在數(shù)據(jù)網(wǎng)格組件中如何應(yīng)用遠(yuǎn)程過濾和分頁。【另附源代碼供大家參考】

|在線Demo

自定義DataGrid Pager

本演示主要為大家展示了如何自定義DataGrid Pager，你可以在標(biāo)準(zhǔn)的datagrid pager工具欄中附加一些按鈕。【另附源代碼供大家參考】

|在線Demo

轉(zhuǎn)載于:https://my.oschina.net/u/2317468/blog/602222

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的用户界面框架jQuery EasyUI示例大全之DataGrid（1/4）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。