Home > Web Front-end > JS Tutorial > Table operation plug-in based on jQuery_jquery

Table operation plug-in based on jQuery_jquery

WBOY
Release: 2016-05-16 18:29:05
Original
1152 people have browsed it

大多数前端er都把网页中的table标签替换为div,主要就是因为div要比table更容易添加CSS样式。但是我们在日常应用中仍然要用到table表格,其中最好的例子就是对照表。今天彬Go将向大家推荐15个jQuery表格插件让你对数据表格进行显示、排序、筛选和操控。如jQuery表格排序插件、jQuery表格拖拽插件、jQuery树形表格插件、设置颜色、点击、替换等效果。

1.DataTables-强大的jQuery表格插件

datatables-jquery-插件

DataTables是提供了大量特性的强大jQuery表格插件。例如:你可以自动轻松筛选、Ajax预读取数据、分页、列排序、高亮排序列、扩展插件支持、使用CSS或jQuery UI ThemeRoller 定制主题和完整文档。

2.uiTableFilter-jQuery表格过滤插件

ui-table-filter-jquery-插件

uiTableFilter是一个用于表格行筛选的jQuery插件。插件作者提供了详细的例子来告诉大家如何将自己的表格和插件整合在一起并完成表格筛选。

3.Scrollable HTML Table-jQuery表格滚动插件

scrollable-html-table-jquery

Scrollable HTML Table jQuery插件可以让你的表格变得可以滚动控制。

买空间、服务器就上主机网(CNIDC.COM) 虚拟主机评测+IDC导航=IDC123.COM

4.Tablesorter-jQuery表格排序插件

tablesorter-jquery-插件

Tablesorter这个jQuery插件是用来将一个包含thead和tbody标签的标准HTML表格转变为无页面刷新的可排序表格。它不但支持多列排序,而且跨浏览器兼容并且能通过widget系统进行扩展。

5.Flexigrid-Web2.0 jQuery表格插件

flexigrid-jquery

Flexigrid 是一个轻量级的Web2.0 jQuery插件。它包含很多非常Cool的特性,如主题定制、分页、工具栏、搜索、排序、ajax读取数据源、调整列宽高尺寸等。

6.HeatColor-jQuery表格颜色插件

heatcolor-jquery

HeatColor可以让你根据元素的值来为元素设置颜色。 它的值的比对时根据预设的一个范围来进行比较,最后对他们自动进行颜色值的设置。

买空间、服务器就上主机网(CNIDC.COM) 虚拟主机评测+IDC导航=IDC123.COM

7.JQTreeTable-jQuery树形表格插件

jqtreetable-jquery

Using the JQTreeTable plug-in you can get a tree table. If the user's browser disables JavaScript, then they can also see the normal form of the table without affecting accessibility.

8.Ingrid-jQuery table plug-in

ingrid-jquery-表格-插件

Ingrid is another data table jQuery plugin. It also has many features, such as column resizing, sorting, adding styles to rows and columns, etc. The author's website provides great documentation to tell you how to use this jQuery table plug-in from scratch.

9.jQuery ColumnManager plugin

jquery-column-manager-jquery-表格插件

columnManager is a jQuery plug-in that can control the display or hiding of any table column, and it can save the status of the current table to your next visit. This jQuery plug-in is very small and lightweight, only 3.6kb.

To buy space and servers, go to the host network (CNIDC.COM) Virtual host evaluation IDC Navigation=IDC123.COM.

10.jQuery treeTable-jQuery tree table plug-in

jquery-treetable-树形表格插件

jQuery treeTable is a small JQTreeTable that also allows you to display your table in a tree structure. This plug-in can also keep the document clean and make the original table available when the browser disables JavaScript.

11.CSV2Table-CSV format reading table plug-in

csv2table-jQuery表格插件

CSV2Table can read CSV files. It reads the content from the CSV file and creates a table.

12.Table Pagination-jQuery table pagination plug-in

table-pagination-jQuery表格插件

This jQuery table pagination plug-in can create pagination elements under the table, and you can also customize pagination through various settings.

To buy space and servers, go to the host network (CNIDC.COM) Virtual host evaluation IDC Navigation=IDC123.COM.

13.jQuery TableRowCheckboxToggle

jquery-table-插件

This jQuery table plug-in allows you to change the checkbox state and modify the CSS style of the row when you click on the table row.

14.Table Drag and Drop jQuery plugin-jQuery table drag and drop plugin

This simple jQuery plug-in allows users to rearrange the rows of the table by dragging rows. Any individual row can be set to be non-dragable and/or non-placeable.

15.uiTableEdit

uiTableEdit is a cool jQuery table editing plugin made by Greg Weber, which allows users to edit table content.

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template