Backgrid.js - A Set Of Components For Building Semantic And Easily Styleable Data Grid Widgets

Backgrid.js is a set of components for building semantic and easily styleable data grid widgets.  It offers a simple, intuitive programming interface that makes easy things easy, but hard things possible when dealing with tabular data.

The goal of Backgrid.js is to produce a set of core Backbone UI elements that offer you all the basic displaying, sorting and editing functionalities you'd expect, and to create an elegant API that makes extending Backgrid.js with extra functionalities easy.

Features

• No Hungarian notations.
• Solid foundation. Based on Backbone.js.
• Semantic and easily stylable. Just style with plain CSS like you would a normal HTML table.
• Low learning curve. Works with plain old Backbone models and collections. Easy things are easy, hards things possible.
• Highly modular and customizable. Componenets are just simple Backbone View classes, customization is easy if you already know Backbone.
• Lightweight. Extra features are separated into extensions, which keeps the bloat away.
• Good documentation.

Supported Browsers

• Internet Explorer 8+
• Chrome 4+
• Safari 4+
• Firefox 4+
• Opera 9+

Notes: Both the desktop and mobile versions of the above browsers are supported.

Requirements: jQuery, Backbone.js, underscore.js
Demo: http://wyuenho.github.com/backgrid/#examples
License: MIT License

stacktable.js - A jQuery Plugin For Stacking Tables On Small Screens

stacktable.js is a jQuery plugin for stacking tables on small screens.  The purpose of stacktable.js is to give you an easy way of converting wide tables to a format that will work better on small screens.

It creates a copy of the table that is converted into a 2-column key/value format.

Requirements: jQuery
Demo: http://johnpolacek.github.com/stacktable.js/
License: MIT License or GPL

FooTable - A jQuery Plugin For Awesome Responsive HTML Tables

FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome - no matter how many columns of data you may have in them.  FooTable transforms your HTML tables into expandable responsive tables. This is how it works:

• It hides certain columns of data at different resolutions (we call these breakpoints).
• Rows become expandable to show the data that was hidden.
• All the data that is hidden can always be seen just by clicking the row.

Another goal of FooTable was to make it super extensible. If you look at the code you will see that there is a plugin framework within the plugin, so extra mods can be attached just by including another JavaScript file.

Requirements: jQuery
Demo: http://themergency…esponsive-container.htm
License: MIT License

Magna Charta - A jQuery Plugin To Create Accessible And Lovely Looking Bar Charts

Magna Charter is a jQuery plugin used to create accessible and lovely looking bar charts.  t works by applying some styling to regular HTML tables, to enable cells to be given a certain width. The Magna Charta then calculates and applies the widths to each cell with a value in, creating the graphs.

Requirements: jQuery
Demo: http://alphagov.github.com/magna-charta/
License: MIT License

Base - A Responsive Framework Built To Work On Mobile Devices, Tablets, Netbooks And Desktop Computers

Base is a super simple, responsive framework built to work on mobile devices, tablets, netbooks and desktop computers.

Features

• Responsive Design - Built for all devices big and small, base has got you covered.
• Foundation Styles - Custom styles for headings, tables, blockquotes forms and much more.
• Accessibility In Mind - Works with screen readers in mind and has comes with JS fallbacks.
• Easy To Learn - Well commented CSS to ensure your implementation is a breeze.
• Cross-Browser - Covers IE7+ and modern browsers such as Chrome, Firefox and Opera.

Requirements: None
Demo: http://matthewhartman.github.com/base/demo/
License: MIT License

jQuery AttC - A Plugin That Converts A Standard HTML Table To A Google Visualizations Chart

jQuery AttC is a jQuery plugin that converts a standard HTML table to a Google Visualizations Chart and displays it on the page.  It is unobtrusive and accessible.  jQuery AttC currently converts a table to one of these Google charts:

• Bar
• Column
• Area
• Line
• Pie

Requirements: jQuery
Demo: http://attc-nathfy.rhcloud.com/attcExample.html
License: Apache License v2.0

jQuery Handsontable - A Minimalistic Approach To Excel-Like Table Editor In HTML & jQuery

jQuery Handsontable is a minimalistic approach to Excel-like table editor in HTML and jQuery.

Features

• Autoexpanding - Adds new rows and cols automatically, width and height of cells auto-adjust to content.
• Copy Paste Compatibility - Data can be copied and pasted between  jQuery Handsontable, MS Excel, Google Spreadsheet or LibreOffice.
• Legend - The legend feature makes the first row uneditable and have an green font.
• Autocomplete - You can define rules for autocompletition.
• Scroll - If you want scrollbars, just set it in the container CSS.
• Drag-down - There is a little square (fill handle) in the corner of a selected cell. You can drag it (drag-down) to repeat the values from the cell.
• Context menu - You can implement context menus.  Right click on a cell to see the context menu.
• Custom Buttons - The alter method can be used if you want insert or remove rows and columns using external buttons.
• Save - Use the onChange callback to track changes made in the table.

Requirements: jQuery
Demo: http://warpech.github.com/jquery-handsontable/
License: MIT License

Tablesort.js - A Small & Simple JavaScript Library For Sorting Tables

Tablesort.js is a small and simple sorting component for tables written in JavaScript. It has no dependencies and should have no interference with other libraries.

Features:

• Sort strings
• Sort numbers
• Sort currency

Requirements: None
Demo: http://tristen.ca/tablesort/demo/
License: Free

Tablecloth.js - A jQuery Plugin That Helps You Easily Style HTML Tables Along With Some Simple Customizations

Tablecloth.js is a jQuery plugin that helps you easily style HTML tables along with some simple customizations.  Styling tables is typically tedious and time-consuming. If you'd rather spend your valuable time making the other elements of your site pretty, use Tablecloth to do the heavy lifting.

Requirements: jQuery
Demo: http://tableclothjs.com/
License: MIT License

Scrollable Table - A jQuery Plugin To Convert A Properly Formatted Table Into A Scrollable Table

Scrollable Table is jQuery plugin converts a properly formatted table, having thead and tbody elements (tfoot optional), into a scrollable table. Scrollable tables are most useful when having to display lots of tubular data in a fixed space.


Requirements: jQuery
Demo: http://www.farinspace.com/jquery-scrollable-table-plugin/
License: MIT License

QUICKSEARCH.JS - A JQUERY TABLE FILTERING PLUGIN

Quicksearch.js is a  JQuery based plug-in for filtering large data sets (tables) with user input.

Requirements: Jquery
Demo: http://lomalogue.com/jquery/quicksearch/super_table.html
License: MIT License or GPL