Your wonderful Hotel

Click on the arrows or swipe the blue rows.

You can scroll down the page

To see the fixed table header in action ↑

Just some text to make this page longer. Love them ipsum.

One cool thing is that the table header is fixed only when at least some part of the table is in the viewport.

Hidden table

Show Table ⇨ ⇩

This snippet shows two useful methods to use when you show tables inside containers that were previusoly styled with display: none (e.g. tables inside tabs).

table.refreshSize();
table.move();

You can put a lot of tables in the same page

Once it was just a responsive pricing table. With no efforts it can be even a multi purpose table.

This is a pure javascript, dependency free plugin.*

Tabella.js

Responsive table.