jquery表格插件下載(jqGrid) v5.1.0免費(fèi)版

jQuery表格插件是前端和網(wǎng)頁設(shè)計(jì)人員經(jīng)常會(huì)用到的，jqGrid插件就非常不錯(cuò)，它支持國際化具有bootstrap風(fēng)格，通過使用jqGrid能實(shí)現(xiàn)前端頁面與后臺(tái)數(shù)據(jù)的ajax異步通信，大家可以在本站下載到最新版本。

jqGrid插件軟件特色

基于jquery UI主題，開發(fā)者可以根據(jù)客戶要求更換不同的主題。
兼容目前所有流行的web瀏覽器。
Ajax分頁，可以控制每頁顯示的記錄數(shù)。
支持XML，JSON，數(shù)組形式的數(shù)據(jù)源。
提供豐富的選項(xiàng)配置及方法事件接口。
支持表格排序，支持拖動(dòng)列、隱藏列。
支持滾動(dòng)加載數(shù)據(jù)。
支持實(shí)時(shí)編輯保存數(shù)據(jù)內(nèi)容。
支持子表格及樹形表格。
支持多語言。
最關(guān)鍵目前是免費(fèi)的。

使用方法：

jqGrid安裝很簡單，只需把相應(yīng)的css、js文件加入到頁面中即可。 
按照官網(wǎng)文檔:

/myproject/css/ 
 ui.jqgrid.css 
 /ui-lightness/ 
 /images/ 
jquery-ui-1.7.2.custom.css

 /myproject/js/ 
/i18n/ 
grid.locale-bg.js 
 list of all language files 
 …. 
 Changes.txt 
 jquery-1.3.2.min.js 
jquery.jqGrid.min.js

在頁面中寫法：

<title>My First Grid</title>  

<link rel="stylesheet" type="text/css" media="screen" href="css/ui-lightness/jquery-ui-1.7.1.custom.css" />  

<link rel="stylesheet" type="text/css" media="screen" href="js/src/css/ui.jqgrid.css" />  

<link rel="stylesheet" type="text/css" media="screen" href="js/src/css/jquery.searchFilter.css" />  

<style>  

html, body {  

   margin: 0;  

    padding: 0;  

    font-size: 75%;  

}  

</style>  

<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>  

<script src="js/src/grid.loader.js" type="text/javascript"></script>  

</head>  

需要說明的是，jquery-ui的字體大小與jqgrid字體大小不一致，故需要在頁面上在加上一段 
style來指定頁面上文字大小。