Question

我在这里使用angular js 1.3。我所拥有的是一个模态模型，单击该模版时会向现有表中添加一列，该列的名称基于模态中的选择。您可以在此处添加尽可能多的列。所有这些都很好。我的问题是我不确定如何保持固定的列宽和滚动。

当添加更多列时，即使没有正确显示滚动，列的宽度也会不断减小。抱歉，代码很多，所以只需在此处与jsfiddle一起发布一些代码即可：

as.integer(factor(vec, levels = unique(vec)))

这也是图片：

Answer 1

因此，您可以为.table td和.table th设置最小宽度

.table td,
.table th {
  min-width: 120px;
}

您可以将overflow中的.panel-body设置为auto：

.panel-body {
    overflow: auto;
}

Answer 2

您必须将min-width和max-width设置为 th ，并设置oveflow：自动设置为 .panel-body .... 检查下面的CSS

.table th {
  max-width: 120px;
  min-width: 120px;
}
.panel-body{
  overflow: auto;
}

Answer 3

我最终要做的是将以下类添加到TD和Panel中：

.fixed-width {
    min-width: 50px !important;    
    width: 50px !important;
 }

 .panel-body {
    overflow: auto;
}