Css установить границы таблицы td на основе содержимого максимальной длины

Question

У меня есть простая таблица с 3 столбцами.

 

   <table>
<thead>
<th>Title</th>
<th>Desc</th>
<th></th>
</thead>

<tbody>
<tr>
<td class="attrCodeTd">Short text</td>
<td>test</td>
<td>test</td>
</tr>

<tr>
<td class="attrCodeTd">Short text</td>
<td>test</td>
<td>test</td>
</tr>

<tr>
<td class="attrCodeTd">Long text ......................................End long text</td>
<td>test</td>
<td>test</td>
</tr>

<tbody>

</table>

Как установить границу влево для второго столбца на основе максимальной длины содержимого этого столбца?

Это мой скриншот: https://clip2net.com/s/46HwEzS И jsfiddle: https://jsfiddle.net/aum84sfb/1/

Таким образом, граница слева должна быть динамической, основываясь на содержимом. Как я могу решить это? Спасибо