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/

因此，根据内容，左边框必须是可分辨的。 我该如何解决？谢谢