Fork me on GitHub

What is ATable?

ATable is an interactive Javascript table built on Backbone.js. You define the columns and a function that returns data, and your ATable will render automatically.

Key features:
  • Small - At less than 4kb gzipped, ATable is delivered to your users very quickly.
  • Fast and efficient - Rows are added and removed as the table is scrolled, allowing aTable to be extremely fast even for very large datasets.
  • Sortable - Click any column header to sort by that column.
  • Resizable columns - Drag between column headers to resize columns.
  • Movable columns - Click and drag column headers to move columns.
  • Intuitive API - interact with the table programmatically to resize, move, hide and show columns, and filter and sort the table.
  • Unit tests - Have confidence that ATable won't break as new features are added

How to get it


Dependencies


Get started

Simply download and include the js and css files at the top of the page, or build ATable from source:

git clone https://github.com/jarwol/aTable.git
cd aTable
npm install grunt-cli -g #if you don't already have grunt installed globally
npm install
grunt

Grunt will build the development and minified versions of the library (dist/atable.js and dist/atable.min.js). Include one of these in your project along with css/atable.css, and you are ready to use ATable!

Check out the examples page for ideas on how to use ATable. HINT - The tables on this page also happen to be ATables.


Browser Compatibility

Change Log