Spreadsheet Add-summary
Common form plug-in or attached to the official website of Chinese Network:
Datatables, EasyUI Datagrid data grid, pqgrid, jqGrid, bootstrap-table
A, Datatables
Chinese net: http: //www.datatables.club/
Datatables is a jquery form plugin. It is a highly flexible tool that can add advanced interactive features to any HTML table.
Full CRUD functions:
1, paging, paging pipe sorting, multiple columns at the same time sorting, filtering, and global search single search (drop-down selection box or text input);
2, display information table, the table number of the paging control, the mouse to move the highlight display, adaptive table;
3, fixed header, fixed columns, the table body vertical scrolling and horizontal scrolling;
4, hide columns; grouped row, row together, add the line, multiple selections;
5, supports almost any data source: DOM, javascript, Ajax and server processing;
6, support for different themes DataTables, the UI jQuery, Bootstrap, Foundation;
7, Chinese net dataTable accompanying blog for reference study.
Two, EasyUI Datagrid Data Grid
Chinese network API: http://www.jeasyui.net/plugins/183.html
Chinese web demo: http://www.jeasyui.net/demo/331.html (more Lieh)
Data Grid (datagrid) to display data in a tabular format and provides a wealth of support for the selection, sorting, grouping and editing data. Data Grid (datagrid) is designed to reduce development time, and does not require developers to have specified knowledge. It is lightweight, but feature-rich. Its features include cell merging, multi-column header, freeze columns and footers, and so on.
Full CRUD functions:
1, by <table> tag creates data grid (DataGrid), may also be used to create javascript data grid (DataGrid);
2, frozen columns, hidden columns, column size adjustment, the average calculated column and the total number, the header is fixed, the vertical scrollbar and a horizontal scrollbar;
3, client pages, custom data table tab;
4, column group header, merged cell;
5, cell editing and line editing, all the undo function
Three, pqgrid
Official website: https://paramquery.com/grid
pqgrid is open source, a lot of features and EasyUI Datagrid data grid similar, but more powerful compared.
1, the <table> tag to create the table, the table may be used to create javascript;
2, frozen columns, hidden columns, column size adjustment, drag column, row search (remote points and clients), column sorting (and sub remote client end), and the average total number of columns is calculated, the header is fixed, the vertical scrollbar and a horizontal scrollbar;
3, the UE paging, paging server; display information table, the number of tab control table;
4, edit, a revocation step, recovery, complete withdrawal;
5, can download the form;
7, can be realized row or column packet grouping function, a packet can shrink or expand the line
8, is not good, not directly copy the contents of the table, need to select the cell by raising the or row, high version of pqgrid is the need to spend money to buy
Four, jqGrid
Chinese net: http://blog.mn886.net/jqGrid/
pqGrid some features, in addition to drag and drop columns and download the form function, jqGrid almost all ,, they are very similar, but I feel more powerful jqGrid
1, tag created by the <table> form, may be used javascript creates a table;
2, can create a master from the table and the multi-level table, tree table;
3, hidden columns, adjust the column size, frozen columns; header to sort, header search;
4, the line drag;
五、bootstrap-table
Chinese net: http://bootstrap-table.wenzhixin.net.cn/zh-cn/
usage and examples of Daquan: http://www.cnblogs.com/landeanfen/p/4976838.htm
integrated example; https: // www.cnblogs.com/gamehiboy/p/5176618.html
the editing bootstrap-editable lines: https://www.cnblogs.com/landeanfen/p/5821192.html
Based on jQuery form plugin Bootstrap by a simple setup, you can have a powerful radio, checkbox, sorting, paging, and editing, exporting, filtering (extension), the parent-child table, and so the ranks of reordering function.
Six: Baidu Online Excel turn the page
http://www.docpe.com/excel/excel-to-html.aspx
It can help you get a written death of Excel and style, you can borrow it style, and then into the table part of the manual stitching + ajax.