LIVE PREVIEWBUY FOR $7

Desk fluid – make your desk responsive

Particular for non-technical customers, simply paste the html code and go.

This plugin comprises:

  • totally responsive, pure css logic for show your desk with all display dimension gadgets with trendy navigation,
  • full model on your desk, with all features you will have in future.

Show as many columns within the desk as will match on the display,
you’ll be able to swap between columns utilizing very handy navigation.

Inside Desk Fluid you should utilize our included model for desk or any third celebration model for instance Bootstrap, Bulma and many others.

Responsive, full HTML Desk model for cell gadgets and desctops

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

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

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

Why I want Desk fluid?

The proper format of the desk is likely one of the largest issues confronted by UX specialists,
it is extremely tough to appropriately current the information within the desk, and on the identical time to make it helpful and funky.

We offer you a prepared answer, with out further implementation.

Slide beetwen columns utilizing navigation – desk fluid will show solely variety of columns will fill nice

You’ll be able to arrange your breakpoints and columns quantity

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 model for a row, cell and even column

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

Handle your borders

Borders with 3 sorts, 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’ll be able to broaden single row or whole-body sections

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

Add dots (…) and forestall textual content wrap

Don’t wish to present the desk as columns on cell? use a cell 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 simple to switch personal. Simply use LESS or SASS compiler.

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

All these options might be enabled just by including a category attribute! With no JS, Pure css magic.


Source