What JavaScript table widgets are available?

Question

Shortly, I'm going to need a JavaScript table widget for a new project - what options do I have?

Thanks in advance.

Answer 1

http://www.jquery.com take a look at their UI library

Answer 2

I'm not sure exactly what you are looking for, but there's jquery, dojo, and prototype javascript libraries. I've used sorttable in the past for sorting tables. http://www.kryogenix.org/code/browser/sorttable/

Answer 3

tablesorter

tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. It has many useful features including:

* Multi-column sorting
* Parsers for sorting text, URIs, integers, currency, floats, IP addresses, 
  dates (ISO, long and short formats), time. Add your own easily
* Support for ROWSPAN and COLSPAN on TH elements
* Support secondary "hidden" sorting (e.g., maintain alphabetical sort when 
  sorting on other criteria)
* Extensibility via widget system
* Cross-browser: IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+
* Small code size

Answer 4

You should look at Ext grids

Answer 5

If you want one that's not tied to a particular framework, TinyTable might do the trick.

Answer 6

jqgrid is pretty cool - http://www.trirand.com/blog/

Answer 7

YUI DataTable is pretty powerful http://developer.yahoo.com/yui/datatable/

Features:

• Progressive Enhancement
• Custom Cell Formatting
• Conditional row coloring
• Nested Headers
• JSON Data Over XHR
• XML Data Over XHR With POST
• XML Data with XPath
• Textual Data Over XHR
• Polling the DataSource
• Adding, Updating, and Deleting Rows
• Client-side Pagination
• Client-side Sorting
• Server-side Pagination and Sorting for Dynamic Data
• Integrating Browser History Manager with Server-side Pagination and Sorting
• XY-scrolling, Y-scrolling, and X-scrolling
• Row Selection
• Cell Selection
• Inline Cell Editing
• Showing, Hiding, and Reordering Columns.
• Highlighting Cells, Rows, or Columns
• Reorder Rows with Drag and Drop
• Row Expansion
• Context Menu Integration
• TabView Integration
• Complex Example of Multiple Features
• Client-side Filtering of Local Data
• Filtering of Dynamic Data
• Datatable with Autocomplete
• Skinning Model

Answer 8

If all you need is some usability improvements and stylistic control, take a look at TableCloth

Answer 9

Hi,

A powerful component can be found here. Take a special look no other datatable component provides single and double click at the same time. Another good feature is the pattern used to model datatable, dialog and buttons to work together.

Feel free to ask for anything else you want.

regards,

Answer 10

If you are using Asp.net a lot of the 3rd party Asp.net control vendors have data grids with jscript interfaces these days. These include support for ajax etc