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

jqGrid插件軟件特色

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

使用方法：

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

/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來指定頁面上文字大小。