jQuery数据表标题-将宽度设置为最大内容大小

我想做的是，根据行上的内容，让列/标题宽度始终保持相同的宽度

例如，给出下表：

<table>
    <thead>
        <tr>
            <th>col 1</th>
            <th>col 2</th>
            <th>col 3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>val 1</td>
            <td>val 2</td>
            <td>REALLY LONG VALUE</td>
        </tr>
        <tr>
            <td>val 1</td>
            <td>val 2</td>
            <td>val 3</td>
        </tr>
        <tr>
            <td>val 1</td>
            <td>val 2</td>
            <td>val 3</td>
        </tr>
    </tbody>
</table>

第1列
第2列
第3列
瓦尔1
val 2
真长价值
瓦尔1
val 2
val 3
瓦尔1
val 2
val 3

我希望第三列的宽度始终与第一行的第三个td值的宽度相匹配，即使它不在渲染视图中

---

我已尝试将

自动宽度

选项设置为false，但运气不佳，并且没有找到正确的配置设置来实现我希望执行的操作…

我解决了我的问题；我需要做的是将

autoWidth

选项设置为

true

，并编写类似于以下内容的CSS规则：

th > * {
  width: inherit;
}

DataTables对

th

元素的宽度进行了硬编码，但由于某种原因，子元素覆盖了父

th

的宽度。。。继承父

th

width似乎可以解决这个问题