Code

Table Fluid - complete, responsive style for Table with columns slider - pure CSS, LESS, SASS

Table Fluid - complete, responsive style for Table with columns slider - pure CSS, LESS, SASS

Table fluid – make your table responsive

This plugin contains:

  • fully responsive, pure css logic for display your table with all screen size devices with modern navigation,
  • complete style for your table, with all functions you will need in future.

Display as many columns in the table as will fit on the screen, you can switch between columns using very convenient navigation.

Within Table Fluid you can use our included style for table or any third party style for example Bootstrap, Bulma etc.

Responsive, complete HTML Table style for mobile devices and desctops

Fully modifiable, written in pure CSS with LESS and SASS compiler with many variables and mixing.

This plugin is part of Formir framework – first fully pure CSS framework.

Table Fluid - complete, responsive style for Table with columns slider - pure CSS, LESS, SASS - 1

Why I need Table fluid?

The correct layout of the table is one of the biggest problems faced by UX specialists,
it is very difficult to correctly present the data in the table, and at the same time to make it useful and cool.

We give you a ready solution, without additional implementation.

Slide beetwen columns using navigation – table fluid will display only number of columns will fill great

You can set up your breakpoints and columns number

Table Fluid - complete, responsive style for Table with columns slider - pure CSS, LESS, SASS - 2
Table Fluid - complete, responsive style for Table with columns slider - pure CSS, LESS, SASS - 3
Table Fluid - complete, responsive style for Table with columns slider - pure CSS, LESS, SASS - 4

Add hover style for a row, cell and even column

Table Fluid - complete, responsive style for Table with columns slider - pure CSS, LESS, SASS - 5

Manage your borders

Borders with 3 types, vertical, horizontal or none

Table Fluid - complete, responsive style for Table with columns slider - pure CSS, LESS, SASS - 6

Add expandable sections and rows

You can expand single row or whole-body sections

Table Fluid - complete, responsive style for Table with columns slider - pure CSS, LESS, SASS - 7

Add dots (...) and prevent text wrap

Don’t want to show the table as columns on mobile? use a mobile view with cell wrap as blocks

Table Fluid - complete, responsive style for Table with columns slider - pure CSS, LESS, SASS - 8

Table Fluid - complete, responsive style for Table with columns slider - pure CSS, LESS, SASS - 9

Two-color themes included it’s very easy to modify own. Just use LESS or SASS compiler.

Table Fluid - complete, responsive style for Table with columns slider - pure CSS, LESS, SASS - 10

All these features will be enabled simply by adding a class attribute! With no JS, Pure css magic.

by
by
by
by
by
by