Table Fluid – mobile slider for table with lot of styles – pure css / less / sass

  • Reviews:

$6,00

Descrição

Table fluid – make your table responsive

Special for non-technical users, just paste the html code and go.

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 - mobile slider for table with lot of styles - 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 - mobile slider for table with lot of styles - pure css / less / sass - 2
Table Fluid - mobile slider for table with lot of styles - pure css / less / sass - 3
Table Fluid - mobile slider for table with lot of styles - pure css / less / sass - 4

Add hover style for a row, cell and even column

Table Fluid - mobile slider for table with lot of styles - pure css / less / sass - 5

Manage your borders

Borders with 3 types, vertical, horizontal or none

Table Fluid - mobile slider for table with lot of styles - pure css / less / sass - 6

Add expandable sections and rows

You can expand single row or whole-body sections

Table Fluid - mobile slider for table with lot of styles - 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 - mobile slider for table with lot of styles - pure css / less / sass - 8

Table Fluid - mobile slider for table with lot of styles - pure css / less / sass - 9

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

Table Fluid - mobile slider for table with lot of styles - pure css / less / sass - 10

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

Informação adicional

Compatible Browsers

IE11, Firefox, Safari, Opera, Chrome, Edge

Compatible Software

CSS3

Demo Url

https://formir.io/plugins/table Fluid/index.html

High Resolution

Yes

Source Files Included

HTML, CSS, LESS, Sass

Video Preview Resolution

Compartilhe