30 Amazing jQuery Tables

Most of the developers today use div instead of table in designing. We all know probably that div is much easier to design and pretty much flexible to customize. But then, don’t forget the basics! That’s why we’re here to give you some of the jQuery customized html tables for you to love using them again. Enjoy!

Related posts:


1. DataTables

This is a powerful jQuery table plugin that has a lot of features.
jQuery-DataTables.jpg
Source

2. uiTableFilter

Filter table rows using this wonderful jQuery plugin.
jQuery-uiTableFilter.jpg
Source

3. Tablesorter

Turn a standard HTML table using thead and tbody tags into a sortable table without refreshing a page.
jQuery-Tablesorter.jpg
Source

4. Scrollable HTML Table

Convert a simple table into scrollable.
jQuery-Scrollable-HTML-Table.jpg
Source

5. Flexigrid

This is a lightweight web 2.0 Javascript grid for jQuery with many features such as paging, themes, toolbar, sorting, searching and many more.
jQuery-Flexigrid.jpg
Source

6. jQTreeTable

Using this jQuery plugin, you will have a cute treeview in your table.
jQuery-jQTreeTable.jpg
Source

7. Ingrid

This is another jQuery datagrid plugin that has many features out from the box.
jQuery-Ingrid.jpg
Source

8. jQuery ColumnManager plugin

Toggle visibility columns using a cool collapsing and expanding effects.
jQuery-ColumnManager.jpg
Source

9. jQuery treeTable

treeTable enables you to display a tree view inside a table.
jQuery-treeTable.jpg
Source

10. CSV2Table

Load a CSV file and creates a table with contents from the CSV files.
jQuery-CSV2Table.jpg
Source

11. Table Pagination

This is used to create a pagination element under a table element.
jQuery-Table-Pagination.jpg
Source

12. jQuery TableRowCheckboxToggle

Add a toggle checkbox to any rows.
jQuery-TableRowCheckboxToggle.jpg
Source

13. Table Drag and Drop

Reorder rows within a table using drag and drop.
jQuery-Table-Drag-and-Drop.jpg
Source

14. uiTableEdit

This is another jQuery table plugin that makes the table editable by users.
jQuery-uiTableEdit.jpg
Source

15. jExpand

This is an ultra lightweight plugin that will make tables expandable.
jQuery-jExpand.jpg
Source

16. ColumnHover

Highlight whole columns in a table when hovering over them.
jQuery-ColumnHover.jpg
Source

17. Fixed Header Tables

Take you valid HTML table and build a fixed header and scrolling body with optional footer.
jQuery-Fixed-Header-Tables.jpg
Source

18. Chromatable

Easily create scrolling tables with fixed headers.
jQuery-Chromatable.jpg
Source

19. Animated Sortable

Have a nice pagination, animated scrolling.
jQuery-Animated-Sortable.jpg
Source

20. Colorize

Add background color alternatively to table rows.
jQuery-Colorize.jpg
Source

21. rowSelect

A little simple plugin that allows selecting of rows in a table.
jQuery-rowSelect.jpg
Source

22. FireScopeGrid

Adds datagrid behavior to your HTML tables.
jQuery-FireScopeGrid.jpg
Source

23. NReco jSquared

Enables ability to add/remove HTML table columns and rows.
jQuery-NReco-jSquared.jpg
Source

24. kiketable.rowsizable

Resize the rows of a table over a handler/helper.
jQuery-kiketable-rowsizable.jpg
Source

25. graphTable

graphTable provides the ability to graph.
jQuery-graphTable.jpg
Source

26. Grider

jQuery-Grider.jpg
Source

27. Floating header plugin

Make a header of a table float.
jQuery-Floating-header-plugin.jpg
Source

28. PicNet Table Filter

jQuery-PicNet-Table-Filter.jpg
Source

29. LiveFilter

This is a light weight plugin that filters a ordered or unordered list.
jQuery-LiveFilter.jpg
Source

30. jQueryTinySort 1.0.3

Sort any nodetype by its text or any value.
jQuery-jQueryTinySort.jpg
Source

Not to forget…

grid-tables-plugin
Source
Demos

If you enjoyed this post, please support the blog below. It's FREE!

posted on 2011-11-11 10:24  懒懒的呐喊  阅读(386)  评论(0编辑  收藏  举报