html表的每列的宽度不同

Question

我有一个包含10列名称，ID，功能，日志，文件夹，评论......的表格。

大多数列日志和文件夹都有很多内容，所以它们应该更宽，但在某些情况下它们也可能更小。因此，如果我将表的宽度设置为100％并通过和给每列一些宽度，那么表格看起来很糟糕。

我不希望表格为100％，但其他列也变得更宽。

我试过这个

<colgroup>
    <col width="1%">
    <col width="1%">
    <col width="3%">
    <col width="2%">
    <col width="58%">
    <col width="15%">
    <col width="5%">
    <col width="5%">
    <col width="5%">
    <col width="5%">
</colgroup>

<tr ng-repeat="y in Summary">
    <td colspan=1>{{y.name}}</td>
    <td colspan=1 ng-dblclick="test(y.ID)">{{y.ID}}</td>
    <td colspan=1>{{y.address}}</td>
    <td colspan=1>{{y.comments}}</td>
    <td colspan=1>{{y.Log}}</td>
    <td colspan=1>{{y.Location}}</td>
    <td colspan=1>{{y.test}}</td>
    <td colspan=1>{{y.Time}}</td>
    <td colspan=1>{{y.ken}}</td>
    <td colspan=1>{{y.result}}</td>
</tr>

如果我将宽度固定为640px，则某些列会变得更宽。像结果一样的列只有布尔值，所以它们应该更小。我已经坚持了很长一段时间而且我在吸吮css !!