15 jquery extensions for improving table operations

Source: Internet
Author: User
Tags comparison table

Table table is one of the most difficult objects to add styles due to its browser compatibility and complex tag nesting methods. Most front-end er replaces the table label in the webpage with the DIV, mainly because the DIV is easier to add CSS styles than the table. However, we still need to use table tables in daily applications. The best example is the comparison table. I will recommend it to you today15 jquery table extensionsAllows you to display, sort, filter, and manipulate data tables. Such as the jquery table sorting plug-in, the jquery table drag plug-in, the jquery tree table plug-in, set the color, click, replace, and other effects.
You can also refer to the following JavaScript resources:
9 recommended JavaScript framework scripts for drawing charts on webpages
Learn jquery skills to improve your code
10 JavaScript special effect examples make your website more attractive
Navigation menu resources of 300 + jquery, CSS, mootools and JS

1. datatables-powerful jquery table plug-in


Datatables is a powerful jquery table plug-in that provides a large number of features. For example, you can automatically and easily filter data, pre-read data by Ajax, pagination, column sorting, highlighted sorting columns, extension plug-in support, use CSS or jquery UI themeroller to customize themes and complete documents.

2. uitablefilter-jquery table filter plug-in


Uitablefilter is a jquery plug-in used to filter table rows. The plug-in author provides detailed examples to show you how to integrate your own tables and plug-ins and complete table filtering.

3. scrollable HTML table-jquery table scrolling plug-in


The scrollable HTML table jquery plug-in enables scrolling control over your tables.

4. tablesorter-jquery table sorting plug-in


Tablesorter the jquery plug-in is used to convert a standard HTML table containing thead and tbody tags into a sortable without page refreshing. It not only supports multi-column sorting, but also cross-browser compatibility and can be expanded through the widget system.

5. Flexigrid-Web2.0 jquery table plug-in


Flexigrid is a lightweight Web2.0 jquery plug-in. It contains many very cool features, such as topic customization, paging, toolbar, search, sorting, Ajax reading data sources, adjusting column width and height.

6. heatcolor-jquery table color plugin


Heatcolor allows you to set colors for elements based on their values. When comparing its values, compare them according to a preset range, and then automatically set their color values.

7. jqtreetable-jquery tree table plug-in


Using the jqtreetable plug-in, you can get a tree table. if Javascript is disabled in your browser, they can also see normal forms of tables without affecting accessibility.

8. Ingrid-jquery table plug-in


Ingrid is another jquery plugin for data tables. It also has many features, such as column size adjustment, sorting, and adding styles to columns. The author's website provides great documentation to show you how to use this jquery table plug-in from scratch.

9. jquery columnmanager plugin


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.

10. jquery treetable-jquery tree table plug-in


Jquery treetable is a small jqtreetable, which can also display your table as a tree structure. This plug-in can also keep the document clean when the browser disables JavaScript and make the original table usable.

11. CSV2Table-CSV format read Table plug-in


Csv2table can be used to read CSV files. It reads contents from CSV files and creates them as table tables.

12. Table pagination-jquery table paging plug-in


This jquery table paging plug-in allows you to create paging elements under the table. You can also customize paging through various settings.

13. jquery tablerowcheckboxtoggle


This jquery table plug-in allows you to change the multi-choice box status and modify the CSS style of the row when you click the table row.

14. Table drag and drop jquery Plugin-jquery table drag plugin

This simple jquery plug-in allows you to re-arrange the rows of the table by dragging rows. Any individual row can be set to not drag and/or not to be placed.

15. uitableedit

Uitableedit is a cool jquery table editing plug-in created by Greg Weber. It allows users to edit table content.

Original English:15 great jquery plugins for better table manipulation
Original translated text:
Http://blog.bingo929.com/15-jquery-plugins-for-better-table-manipulation.html

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.