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
Data Architect
@ University of Texas at Austin | Austin, TX
Data ETL Engineer
@ University of Texas at Austin | Austin, TX
Lead GNSS Data Scientist
@ Lurra Systems | Melbourne
Senior Machine Learning Engineer (MLOps)
@ Promaton | Remote, Europe
Data Scientist
@ Publicis Groupe | New York City, United States
Bigdata Cloud Developer - Spark - Assistant Manager
@ State Street | Hyderabad, India