Auto width on tables
css, html
Solution
Using CSS:
<style type="text/css">
table { width: 100%; }
</style>
<table>
...
</table>
or using a CSS inline style:
<table style="width: 100%">
...
</table>
or using old school HTML:
<table width="100%">
...
</table>
Problem
A html table cols and rows are generated dynamically, i.e, for the first instance it could be two rows and there columns. and next time it could be two rows and 10 columns My question is how to adjust the with automatically of the table so that the table always appears 100% in the page adjusting the coulmn size and row size ``` <table> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> </table> <table> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </table> ``` Thanks..