你不需要设置“fixed”-你只需要设置overflow:隐藏，因为列宽度已经设置好了。

凯旋的想法是对的。这是正确的代码…

<style type="text/css">
  th.first-col > div, 
  td.first-col > div {
    overflow:hidden;
    white-space:nowrap;
    width:100px
  }
</style>

<table>
  <thead><tr><th class="first-col"><div>really long header</div></th></tr></thead>
  <tbody><tr><td class="first-col"><div>really long text</div></td></tr></tbody>
</table>

只需在<td>或<th>定义宽度<div>内添加<div>标签。 这对你有帮助。别的都不管用。

eg.

<td><div style="width: 50px" >...............</div></td>

你不需要设置“fixed”-你只需要设置overflow:隐藏，因为列宽度已经设置好了。

我发现凯旋的答案使用vw而不是px更好，就像这样:

< td > < div =“宽度:10大众风格 " >...............</ div > < / td >

这是我调整列宽度所需要的唯一样式

这也有助于，在最后一个“填充单元格”，宽度:auto。这将占用剩余空间，并保留指定的所有其他维度。