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

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