html - How to make responsive table -


i have table represent data in html page. i'm trying make table responsive. how can ?

here demo.

basically

a responsive table 100% width table.

you can set table css:

.table { width: 100%; } 

demo here

you can use media queries show/hide/manipulate columns according screens dimensions adding class (or targeting using nth-child, etc):

@media screen , (max-width: 320px) {     .hide { display: none; } } 

html

<td class="hide">not important</td> 

more advanced solutions

if have table lot of data , make readable on small screen devices there many other solutions:


Comments

Popular posts from this blog

java - activate/deactivate sonar maven plugin by profile? -

python - TypeError: can only concatenate tuple (not "float") to tuple -

java - What is the difference between String. and String.this. ? -