Boostrap 4使容器像孩子一样大

Question

我有一个类似此小提琴的页面：https://jsfiddle.net/1es8w5qf/

该页面主要用于可视化数据透视表中的数据（使用ivottable.js）。问题（显示在小提琴中）是，当数据透视表太宽时，它会使引导容器溢出。无论如何，有没有使容器（以及行和列）与孩子一样大的宽度？

当然我也可以使它们在溢出时进行滚动，但是，我尝试将数据透视ui的容器row设置为overflow:scroll，Chrome和Firefox似乎都无法处理好吧：滚动时，表格需要花费一些 seconds 来呈现（这在我提供的小提琴中就不会发生。我猜这是因为我的数据集比 way 大小提琴中使用的数据）。

我还尝试过仅将数据透视ui的容器col设置为溢出，但是这会使col不占用所有视口宽度。

Answer 1

如果我对您的理解正确，那么您想水平放置表格容器，对吗？就像这样将pivot-ui宽度设置为100％：

.pivot-ui {
  width: 100%;
  background-color: red;
}

Answer 2

如果我了解您的qn，可以尝试一下

.pivot-ui {
  width:1200px;
  background-color:red;
  overflow: auto;
}