保持表格单元格宽度不超过内容

Question

我似乎找不到使用Javascript来做的方法

。

假设我有一个<table>，我不知道填充第一列的内容的潜在宽度。 <table>有width:100%，以便其他列可以作为必要的大小调整，但我想保留第一列固定的宽度，以便它不会t比内容大。

没有Javascript可以实现吗？

<table>
    <tr>
        <th>Dynamic content column of unknown width</th>
        <th>Some other column that is allowed to grow/shrink</th>
    </tr>
    <tr>
        <td>Lorem ipsum ...</td>
        <td>195383 ...</td>
    </tr>
</table>

Answer 1

似乎通过将动态内容列的宽度设置为1px，列宽将固定为列中内容的宽度，并且仍允许其他列增大/缩小表

Answer 2

为第一列设置固定宽度：

tr th:first-child, tr td:first-child {
    width: 200px;
}