DataTable Control (beta): Examples

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 editing.

• Basic Example: A demonstration of the DataTable's basic feature set.
• Progressive Enhancement: A progressively enhanced DataTable based on existing markup.
• Custom Cell Formatting: Custom formatting for DataTable cells.
• Nested headers: Nested column headers.
• JSON Data Over XHR: The display of tabular JSON data retrieved via XHR.
• XML Data Over XHR With POST: The display of XML data retrieved via an XHR POST request.
• Textual Data Over XHR: The display of textual retrieved over XHR
• Local XML Data: The display of XML data placed locally within the page.
• Client-side Pagination: The use of client-side pagination to break up a dataset into manageable, page-sized chunks.
• Client-side Sorting: Client-side Column sort using a custom function.
• Server-side Pagination: Pagination handled by a server.
• Server-side Sorting: Sorting handled by a server.
• Server-side Pagination and Sorting, with Browser History Manager: Integration of server-side pagination and sorting, integrated with the Browser History Manager.
• Fixed Scrolling: Scrolling with fixed column headers.
• Row Selection: Row selection models.
• Cell Selection: Cell selection models.
• Inline Cell Editing: Implementing inline cell editing.
• Context Menu Integration: Integration of DataTable with the the Menu Control's ContextMenu feature.
• Complex Example of Multiple Features: Several features combined into one DataTable.
• Skinning Model: An explanation of DataTable's skinning model.