Skip to content

shamscorner/responsive-data-table-with-css-grid-flexbox

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 

Repository files navigation

A Responsive HTML Table made with CSS Flexbox & Grid

The main unique feature of this data-table is it shifts position of the columns to different location based on the screen sizes. So the user will see three different UI for desktop, tablet, and mobile view instead of either squashed or horizontal scrollbar which are very ugly to look at. See the below screenshots for better understandings.

Desktop view

A responsive HTML data-table made by CSS Flexbox and Grid

Tablet view

A responsive HTML data-table made by CSS Flexbox and Grid

Mobile view

A responsive HTML data-table made by CSS Flexbox and Grid

About

A fully responsive HTML data table made with CSS Flexbox & Grid that shifts the column position based on screen sizes.

Topics

Resources

Stars

Watchers

Forks