表colgroup中的col正在隐藏

Question

我正在尝试开发一个固定的标题表，这是一种小部件，可以使用该控件将宽度设置为他想要的任何列。

场景：

Table（宽度设置为500px ）有四列，如果我们不在col标签级别指定宽度，则所有列均会优化为总表宽度，如下所示：

如果我们在col级指定2列的宽度，其总宽度小于表的宽度，则表如下所示：

但是，如果两列的宽度大于表的宽度，则剩余的列将被隐藏，尽管表包装器（ <div class="v-grid-content"> ）发生了overflow:auto启用了滚动，但只有两个字段显示为：

我没有弄错，可以帮忙。 这是jsfiddle 。

我试图将min-width保持为col ，但这没有用。

我们需要为每个col设置宽度吗？

Answer 1

我们需要为每个列设置宽度吗？

不，你没有。 您可以将宽度设置为一些-浏览器将照常计算其他任何列的宽度。 （考虑到该列的最宽内容和整个表格的宽度。）