K
K
kamwork2016-03-07 13:26:06
css
kamwork, 2016-03-07 13:26:06

Which solution to use for responsive tables?

Hello.
Faced with the need for a convenient adaptive table.
What I mean is that in the mobile version it would be advisable to follow the path of reducing the number of columns, but placing more information in a column in 1 cell, for example:
Desktop: https://yadi.sk/i/6x3zGtUnpxh6v
Mobile: https:/ /yadi.sk/i/DSypFXA1pxhiT (I'm not very friendly with Photoshop)
Those options that are available either do horizontal scrolling or simply hide some of the cells

Answer the question

In order to leave comments, you need to log in

2 answer(s)
G
Gregory, 2016-03-07
@kamwork

There is such a thing. But I haven't tried it yet:
https://github.com/filamentgroup/tablesaw
Update. I also found this article. Here it is explained how to create responsive tables with different kinds of original ones using Flexbox: https://hashnode.com/post/really-responsive-tables...

A
Alexander Belkevich, 2016-03-07
@AlexBelkevich

Alternatively, try this https://css-tricks.com/responsive-data-tables/

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question