skip to Main Content
Table Fluid – Complete Table Style For Phone And Computer With Column Slider – Pure CSS, LESS, SASA

Table Fluid – complete table style for phone and computer with column slider – pure CSS, LESS, SASA

GREAT PROMOTION HEHE

LIVE PREVIEWBUY FOR $8

Table liquid – make your table respond

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

A refreshing, complete HTML table style for mobile devices and desktops

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

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

Table Fluid - complete table style for phone and computer with column slider - pure CSS, LESS, SASS - 1

Why do I need table fluid?

Correct table layout 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 make it useful and cool.

We give you a ready solution without additional implementation.

Move between columns using navigation – the table fluid will only display the number of columns that will fill up great

You can set your own breakpoints and number of columns

Table Fluid - complete table style for phone and computer with column slider - pure CSS, LESS, SASS - 2
Table Fluid - complete table style for phone and computer with a column slider - pure CSS, LESS, SASS - 3
Table Fluid - complete table style for phone and computer with a column slider - pure CSS, LESS, SASS - 4

Add an activation style for the row, cell and even column

Table Fluid - complete table style for phone and computer with column slider - pure CSS, LESS, SASS - 5

Manage borders

Borders with 3 types, vertical, horizontal or none

Table Fluid - complete table style for phone and computer with a column slider - pure CSS, LESS, SASS - 6

Add expandable sections and rows

You can expand sections of one row or the whole body

Table Fluid - complete table style for phone and computer with column slider - pure CSS, LESS, SASS - 7

Add dots (…) and prevent text wrapping

Don’t want to display the table as columns on your mobile phone? use mobile view with cell wrapping as blocks

Table Fluid - complete table style for phone and computer with column slider - pure CSS, LESS, SASS - 8

Table Fluid - a complete table style for phone and computer with a column slider - pure CSS, LESS, SASS - 9

Contains two colors that can be easily modified. Just use the LESS or SASS compiler.

Table Fluid - complete table style for phone and computer with column slider - pure CSS, LESS, SASS - 10

All these features will be enabled simply by adding a class attribute! Without JS, pure magic css.

This Post Has 0 Comments

Leave a Reply

×Close search
Search