Can anybody tell me that how we can handle the tables in a responsive website design. If you try to decrease the font size it will be harder for the mobile users. If you don't decrease the font size then the data will be mixed and so on. Give me CSS code.
safeer008
-3
Newbie Poster
Recommended Answers
Jump to PostDesign a generic table so users can hide and rearrange columns, which sorts left to right, reverse on second click of any column. Design it to have filters so the row count under view can be reduced. Design it to freeze panes so they can still access col/row headers when …
Jump to PostYou can look at this article for some ideas: http://exisweb.net/responsive-table-plugins-and-patterns
You can use CSS3 'breakpoints' to do
display:none;
on mobiles for certain screen sizes. Additionally, you can have a wrapper div and setoverflow:scroll
, like this:// HTML <div class="table-wrapper"> <table> ... …
All 6 Replies
David_50
13
Junior Poster in Training
safeer008
-3
Newbie Poster
mattster
195
Practically a Master Poster
Featured Poster
safeer008
-3
Newbie Poster
David_50
13
Junior Poster in Training
mattster
195
Practically a Master Poster
Featured Poster
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.