2012年11月29日 星期四

FooTable - extensible HTML table

在不同闊度的screen可以將部份column隱藏, click + 號才顯示某row隱藏了的資料.

http://themergency.com/footable/


FooTable

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.


What Does It Do?

FooTable transforms your HTML tables into expandable responsive tables. This is how it works:
  1. It hides certain columns of data at different resolutions (we call these breakpoints).
  2. Rows become expandable to show the data that was hidden.
So simple! So all the data that is hidden can always be seen just by clicking the row. Play around with the responsive demo to see it in action.

Demo

Check out the stand-alone demo (you will have to resize the broswer to see it work) or check out the responsive demo and just click the device buttons.

Download

Get the source from Github, or you can download it direct.

沒有留言:

張貼留言