all AI news
5 Ways To Create Responsive HTML Tables
July 28, 2023, 1:55 a.m. | Code Boxx
DEV Community dev.to
(1) 100% WIDTH
<style>
#demoA { width:100%; }
</style>
<table id="demoA">
<tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> </tr>
<tr> <td>Column 1</td> <td>Column 2</td> <td>Column 3</td> </tr>
</table>
Just set 100% width on the table, it will automatically scale to fit.
(2) OVERFLOW WRAPPER
<style>
#wrap { overflow: auto; }
#demoB { width: 200%; }
</style>
<div id="wrap" …
auto beginners column css html overflow scale set table tables webdev wrapper
More from dev.to / DEV Community
Jobs in AI, ML, Big Data
Senior Machine Learning Engineer
@ GPTZero | Toronto, Canada
ML/AI Engineer / NLP Expert - Custom LLM Development (x/f/m)
@ HelloBetter | Remote
Doctoral Researcher (m/f/div) in Automated Processing of Bioimages
@ Leibniz Institute for Natural Product Research and Infection Biology (Leibniz-HKI) | Jena
Seeking Developers and Engineers for AI T-Shirt Generator Project
@ Chevon Hicks | Remote
Senior Applied Data Scientist
@ dunnhumby | London
Principal Data Architect - Azure & Big Data
@ MGM Resorts International | Home Office - US, NV