About Me

gambar koala

36 cara menampilkan table database yang mengagumkan

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

Adds real time Google-like column filtering capabilities to a regular Html table. This is an open source project released under The MIT License (MIT).
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

31. SlickGrid

Is a JavaScript grid/spreadsheet component. It is an advanced component and is going to be a bit more difficult to learn and configure, but once you realize its full potential, it will blow your mind!
SlickGrid1.jpg
Source

32. WATable

Is a jQuery table plugin with sorting, paging and filtering. It’s easy to use and requires only column definitions and rows in json
WATable1.jpg
Source

33. jqGrid

jqGrid 4.0 New search module, Tree Grid and SubGrid improvements, new colModel cellattr event and much more…
jgGrid1.jpg
Source

34. jTable

A JQuery plugin to create AJAX based CRUD tables.
jTable1.jpg
Source

35. Handsontable Excel

A minimalistic approach to Excel-like table editor in HTML & jQuery. Now with column and row headers!
Handsontable1.jpg
Source

36. jQuery Table with Resizable Columns

jQuery Resizable Columns Demo.
resize-table
Source + Demo

from https://www.sitepoint.com/30-amazing-jquery-tables/

Posting Komentar

0 Komentar