Open Source Resources for Web Application Developers

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
• Small code size (7,4kb packed)

*** You can sort multiple columns simultaneously by holding down the shift key and clicking a second, third or even fourth column header.

Requirements: jQuery
Demo: http://tablesorter.com/
License: GPL and MIT License

• 0 Comments

We have mentioned earlier Ext is a JavaScript framework for building web applications. It has got some stunning UI components to aid your development. We can use Ext Framework to create Beautiful Ext Grid Tables easily. The tables provide the following features.

1. Expander Rows, Collapse and Forse Fit
2. Framed with Checkbox Selection and Horizontal Scrolling
3. Grid with Numbered Rows
4. Support for Panel Features such as Framing, Buttons and Toolbars

Requirements: Ext Framework
Demo: http://extjs.com/playpen/ext-2.0/examples/grid/grid3.html
License: LGPL License

• 0 Comments

Unobtrusive Table Sort Script can sort dates (dd-mm-yyyy, mm-dd-yyyy or yyyy-mm-dd formats accepted), currency values (£, $, €, ¥ and ¤), numbers/floats and plain-text (sorted in a case-insensitive manner). It also enables zebra striping the table rows and highlighting the currently sorted column. All table column s are sortable. You can implement your own sort function easily if you would like to. The table looks really nice as well.

Requirements: Modern Browsers with Javascript Enabled
Demo: http://www.frequency-decoder.com/demo/table-sort-revisited/
License: Creative Commons License

• 0 Comments

DhtmlxGrid is a Ajax-enabled JavaScript grid control that provides professional solution for representing and editing tabular data on the web. DhtmlxGrid allows easy implementation of nice looking (managed through css or predefined skins) DHTML tables with rich in-cell editing, fixed multiline headers/footers, resizable, sortable and draggable columns. Numerous event handlers let you add necessary interactivity to grid-based interfaces. Smart Rendering technology and built-in paginal output allow this data grid to work effectively with huge datasets.

Requirements: Internet Explorer 5.0+, Mozilla 1.4+, FireFox 0.9+, Safari 2.0+
Demo: http://dhtmlx.com/docs/products/dhtmlxGrid/
License: GPL License

• 3 Comments

TableKit is a collection of HTML table enhancements using the Prototype framework. TableKit currently implements row striping, column sorting by clicking on the headers, column resizing by draging the edge of the cells, and cell editing simply by double-click. All the actions are instant, no page refresh is needed.

Requirements: Any Modern
Demo: http://www.millstream.com.au/upload/code/tablekit/
License: License Free

• 0 Comments