Hi Dear readers, I browsed various projects that deals with HTML tables and data control. These a neat to achieve spreadsheet like experience for your users in web projects.
The Ext.ux.Livegrid component is a user extension that’s build upon the Ext JS Framework and more specificaly extends Ext.grid.GridPanel. The component allows to read chunks of data from an underlying storage (common use case: a database) without the need of paging. Means: You can virtually display and scroll through a large amount of data – the grid will only render the data that comes into the viewport and will request new data for displaying if the user reached a specific cursor position/row index.
An Old but extensive and still good actual that describe how to preload your data to enhance your application usability.
FlexiGrid is a lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content. Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.
- Resizable columns
- Resizable height and width
- Sortable column headers
- Cool theme
- Can convert an ordinary table
- Ability to connect to an ajax data source (XML and JSON[new])
- Show/hide columns
- Toolbar (new)
- Search (new)
- Accessible API
- Many more
The All in One great DataControl component for YUI Library. The DataTable control provides a simple yet powerful API to display screen-reader accessible tabular data on a web page. Notable features include sortable columns, pagination, scrolling, row selection, resizeable columns, and inline cell editing.
Table cloth is a great tool to ease your users browsing wide dataset by adding different colors on their precise coordinates in the table.Features :1. Lightweight, 2.Unobtrusive, 3. Configurable highlighting of rows and columns or both,4.Highlight on click, 5.Custom CSS