經常使用表格插件附官網或中文網:javascript
Datatables、EasyUI Datagrid 數據網格、pqgrid、jqGrid、bootstrap-tablehtml
1、Datatablesjava
中文網:http://www.datatables.club/jquery
Datatables是一款jquery表格插件。它是一個高度靈活的工具,能夠將任何HTML表格添加高級的交互功能。
增刪改查功能完整:
一、分頁,管道分頁排序,多列同時排序,過濾,全局搜索與單列搜索(下拉選擇或文本框輸入);
二、表格信息顯示,表格分頁數量控制,鼠標移動高亮顯示,表格自適應;
三、表頭固定,列固定,表身垂直滾動和水平滾動;
四、隱藏列;行分組顯示,行合計,添加行,選中多行;
五、幾乎支持任何數據源:DOM, javascript, Ajax 和 服務器處理;
六、支持不一樣主題 DataTables, jQuery UI, Bootstrap, Foundation;
七、dataTable中文網附帶博客,可供參考學習。ajax
2、EasyUI Datagrid 數據網格bootstrap
中文網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/gridui
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/
基於 Bootstrap 的 jQuery 表格插件,經過簡單的設置,就能夠擁有強大的單選、多選、排序、分頁,以及編輯、導出、過濾(擴展),父子表,行列調序等等的功能。
六: 百度 在線Excel 轉網頁
http://www.docpe.com/excel/excel-to-html.aspx
它能夠幫你得到一個寫死的Excel和樣式,你能夠借用它樣式,而後把table部分改爲手動拼接+ajax。