表格colgroup中的列表已隐藏

Question

我正在尝试开发一个固定的标头表。它是一种小部件，允许使用它将宽度设置为列，无论他想要什么。

情境：

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

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

但是，如果2列的宽度大于表格宽度，则剩余的列将被隐藏，但表格包装器（<div class="v-grid-content">）具有overflow:auto。滚动已启用但仅显示两个字段：

我没有得到错误，有人可以帮忙。这是jsfiddle。

我试图将min-width保留到col，但这不起作用。

我们是否需要将宽度设置为每col ??

Answer 1

  

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

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