表格插件彙總（轉載）

表格插件彙總

本文連接： https://blog.csdn.net/sweetllh/article/details/79244814

經常使用表格插件附官網或中文網：

Datatables、EasyUI Datagrid 數據網格、pqgrid、jqGrid、bootstrap-table

1、Datatables

中文網：http://www.datatables.club/

Datatables是一款jquery表格插件。它是一個高度靈活的工具，能夠將任何HTML表格添加高級的交互功能。
增刪改查功能完整：
一、分頁，管道分頁排序，多列同時排序，過濾，全局搜索與單列搜索（下拉選擇或文本框輸入）；
二、表格信息顯示，表格分頁數量控制，鼠標移動高亮顯示，表格自適應；
三、表頭固定，列固定，表身垂直滾動和水平滾動；
四、隱藏列；行分組顯示，行合計，添加行，選中多行；
五、幾乎支持任何數據源：DOM， javascript， Ajax 和 服務器處理；
六、支持不一樣主題 DataTables, jQuery UI, Bootstrap, Foundation；
七、dataTable中文網附帶博客，可供參考學習。

2、EasyUI Datagrid 數據網格

中文網API： http://www.jeasyui.net/plugins/183.html
中文網demo:  http://www.jeasyui.net/demo/331.html(多個列子）

數據網格（datagrid）以表格格式顯示數據，併爲選擇、排序、分組和編輯數據提供了豐富的支持。數據網格（datagrid）的設計目的是爲了減小開發時間，且不要求開發人員具有指定的知識。它是輕量級的，可是功能豐富。它的特性包括單元格合併，多列頁眉，凍結列和頁腳，等等。
增刪改查功能完整：
一、經過 <table> 標記建立數據網格（datagrid），也可使用 javascript 建立數據網格（datagrid）；
二、凍結列，隱藏列，調整列尺寸，計算列的平均數和總數，表頭固定，垂直滾動條和水平滾動條；
三、客戶端分頁，自定義數據表格分頁；
四、欄目組表頭，合併單元格；
五、單元格編輯和行編輯，所有撤銷功能

3、pqgrid

官網： https://paramquery.com/grid

pqgrid是開源的，不少功能與EasyUI Datagrid 數據網格差很少，但相比更強大。

一、經過 <table> 標記建立表格，也可使用 javascript 建立表格；
二、凍結列，隱藏列，調整列尺寸，拖拽列，列搜索（分遠程和客戶端），列排序（分遠程和客戶端），計算列的平均數和總數，表頭固定，垂直滾動條和水平滾動條；
三、客戶端分頁，服務端分頁；表格信息顯示，表格分頁數量控制；
四、編輯，一步步撤銷、恢復，所有撤銷；
五、能夠下載表格；
七、能夠實現行分組或列分組功能，行分組能夠收縮或展開
八、很差的是，不能夠直接複製表格內容，須要經過提升的方法選擇單元格或行，高版本的pqgrid是須要花錢買的

4、jqGrid

中文網：  http://blog.mn886.net/jqGrid/

pqGrid有的功能，除了拖拽列和下載表格功能，jqGrid幾乎都有,，它們是很是類似的，但本人以爲jqGrid更強大

一、經過 <table> 標記建立表格，也可使用 javascript 建立表格；
二、能夠建立主從表格和多級表格，樹表格；
三、隱藏列，調整列尺寸，凍結列；表頭排序，表頭搜索；
四、行拖拽；

5、bootstrap-table

 

中文網：  http://bootstrap-table.wenzhixin.net.cn/zh-cn/
用法和實例大全：  http://www.cnblogs.com/landeanfen/p/4976838.htm
綜合實例；https://www.cnblogs.com/gamehiboy/p/5176618.html
bootstrap-editable行內編輯： https://www.cnblogs.com/landeanfen/p/5821192.html

 

基於 Bootstrap 的 jQuery 表格插件，經過簡單的設置，就能夠擁有強大的單選、多選、排序、分頁，以及編輯、導出、過濾（擴展），父子表，行列調序等等的功能。

 

六： 百度 在線Excel 轉網頁

http://www.docpe.com/excel/excel-to-html.aspx

它能夠幫你得到一個寫死的Excel和樣式，你能夠借用它樣式，而後把table部分改爲手動拼接+ajax。