Home » DEVELOPMENT » Fattable.js : Display Huge (Billions of Cells) Tables

Fattable.js : Display Huge (Billions of Cells) Tables

fattable

Fattable is a javascript Library to create table with infinite scroll, with infinite number of rows and number of columns. Big table (more 10,000 cells) don’t do well with DOM. Your scroll will start getting choppy. Also big tables can rapidly grow in sizes. It is not always possible to have clients download or even retain all of the table data. Fattable includes everything required to load your data asynchronously.

This library contains following features :

  • light : no library needed, smaller than 10KB)
  • fast (only visible element are in DOM, the exact same DOM element are recycled over and over, )
  • async friendly : the API makes it simple to fetch your data aysnchronously.
  • powerful and unbloated : Design is up to you. Style the table via css and use your painter to hook up events, and render your content in your cell.
Fattable
Tags :
Previous post link
Next post link

About Admin

A Tech Geek hooked on technology, code & Design.

3 Comments

  1. I’ve used JavaScript UI components library Webix for building huge data tables. It can load over 1000 000 rows. This post tells about it http://webix.com/blog/webix-grid-1-000-000-rows-and-more/ (and demonstrates). The library uses lazy drawing strategy and dynamic loading. Awesome tool!

  2. I’ve used JavaScript UI components library Webix for building huge data tables. It can load over 1000 000 rows. This post tells about it http://webix.com/blog/webix-grid-1-000-000-rows-and-more/ (and demonstrates). The library uses lazy drawing strategy and dynamic loading. Awesome tool!

  3. Fattable is using the exact same tricks as the library you are describing above.
    But what your library does on the rows, it does it on the columns as well.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Scroll To Top