In the table below, I'd like the first and last columns (ID and checkbox) to adjust their width according to content. Currently, they are wider than necessary. The goal is for them to be sized tightly.
As for the center columns (source and target), I want them to expand to fill the remaining space in the table. It's important that both source and target have the same width at all times.
Note that while fixing the size of the first and last columns in pixels is an option, I prefer to avoid it if possible.
https://i.sstatic.net/kQlyy.png
Here's a snippet of my code (without styles):
<table>
<thead>
<tr>
<th>
</th>
<th>
Source
</th>
<th>
Target
</th>
<th>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
0
</td>
<td>
hello
</td>
<td>
</td>
<td>
<input type="checkbox" />
</td>
</tr>
</tbody>
</table>