In the following code, to adjust the width, locate <td style=”width:20%”> that corresponds to the column you are trying to modify and change the percentage accordingly.
You can also use a set measurement, such as in pixel (px) to set your column width, so instead of <td style=”width:20%”>, you can use <td style="width:200px">, for instance.
Scroll down underneath this code block to see a rendering of how this code displays.
<table>
<tbody>
<tr>
<td style="width:20%">Column 1</td>
<td style="width:20%">Column 2</td>
<td style="width:20%">Column 3</td>
<td style="width:20%">Column 4</td>
</tr>
<tr>
<td>Row 1</td>
<td>Row 1</td>
<td>Row 1</td>
<td>Row 1</td>
</tr>
<tr>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
</tr>
<tr>
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>
</tr>
</tbody>
</table>
Here is how the code template renders:
| Column 1 | Column 2 | Column 3 | Column 4 |
| Row 1 | Row 1 | Row 1 | Row 1 |
| Row 2 | Row 2 | Row 2 | Row 2 |
| Row 3 | Row 3 | Row 3 | Row 3 |
Connect with Ryan
Find Ryan from DoorToRiches on X (Twitter), Threads, and Reddit for more finance content. Feel free to say hi!
