I am facing a challenge with a table that has dynamically changing rows and columns.
<table>
<tr>
<td>column 1</td>
<td>column 2</td>
<td>column 3</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
</table>
Currently, the issue I'm encountering is that the td width is set to automatically adjust based on its content, causing the table to expand accordingly. However, when the number of columns increases, the total table width becomes restricted by the page width.
I am exploring solutions to maintain the automatic td width while allowing the table to exceed the page width. I have provided a simple illustration below:
https://i.sstatic.net/VVubH.png
Any help or suggestions are greatly appreciated. Thank you!