Share 7 awesome javascript grid plug-ins

Source: Internet
Author: User
Tags date include sort jqgrid

Tables are always the best way to show your data. In Microsoft Excel, for example, we can sort, organize, edit, or even click on a few clicks to easily filter data. This time, we look at the JavaScript grid plug-in, using JS application, it converted to normal table to "class Excel" layout, and there are loading, operation, view the data of a heap of functions.

51CTO Recommended topics: JavaScript Learning notes have questions and answers

Here are 7 JavaScript grid plug-ins, all of them have good features and nice UI, which will be very useful.

1. Flexigrid

Flexigrid is a grid similar to the Ext gird, but developed based on jquery. Its features include: You can adjust column widths, merge column headings, pagination, sort, show/hide tables, and more. The data displayed by Flexigrid can be obtained via Ajax or converted from a normal table.

2. Editablegrid

Editablegrid is a JavaScript Library that enables standard HTML tables to be editable and sortable. This library allows users to automatically edit cells using the appropriate editor such as Textfields, checkbox, and built-in multiple input validators (integer, double, URL, e-mail, and date). In addition, Editablegrid also has an optional integrated open Flash Chart, which automatically converts the data in the table to a chart.

3. Jqgrid

Jqgrid is a jquery plug-in for displaying grid data, with a comprehensive document with Chinese versions. It can be integrated with any server-side technology, including PHP, ASP, Java servlets, JSP, ColdFusion, and Perl.

4. Tablesorter

Tablesorter is a jquery plug-in used to sort tabular data directly on the browser without refreshing the page again, supporting a variety of cell data types, such as values, strings, dates, and custom sorting.

The main features include:

Multi-column sorting

Supports text, URL address, numeric, IP address, date type, and custom type sorting

Supports the ROWSPAN and COLSPAN attributes of TH elements

Support for a second hidden field sort

Extensible appearance

Small program, only 7.4K after packing


DataTables is a jquery form plugin. This is a highly flexible tool, based on a step-by-step enhancement, which will add advanced interactive controls that support any HTML table. Main Features:

Automatic page-handling

Instant Tabular Data filtering

Data sorting and automatic data type detection

Automatically process column widths

Custom styles can be customized through CSS

Support for hidden columns


Scalability and flexibility


Create a table dynamically

Free of charge.

6. Slickgrid

Slickgrid is a simple, fast, flexible form control. You can hide/show columns, adjust column widths, sort, customize cell display formats and editors, and support editing and creating new records.

7. Grid from JQuery UI (coming soon)

The JQuery UI team is developing a rich application, fast grid widget that strengthens HTML tables for data linking, sorting, typesetting, filtering, row selection, insert editing, and more.

However, there is no release, no need to wait too long, Oschina will track the project. With: jquery to force plug-ins Big Parade

"Edit Recommendation"

    1. 16 Most popular JavaScript frameworks
    2. 8 Web sites for stunning JavaScript effects
    3. A further talk on pre-loading technology of JavaScript pictures
    4. Example: Subsequent delivery styles in JavaScript
    5. Hacker survey: What is the most popular JavaScript library?
"Responsible editor: Chen Yu new TEL: (010) 68476606"

Related Article

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

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: and provide relevant evidence. A staff member will contact you within 5 working days.