使用带有固定列

Question

我正在构建应该完全响应的表（所以我在div而不是table上使用flex）。 我希望能够列出专栏。

这里我有https://codepen.io/piernik/pen/LmoBxM

有什么问题？ 当您滚动左固定列消失时。 可能.row2具有视口宽度，而不是整个表格。 您可以在红色顶部边框上看到.row2的宽度。

我能解决吗？

我想构建带有固定列的响应式表，它可以有没有任何JS的hsrcoll。

Answer 1

你使用了flex-basis：500px in cell，这就是为什么你的桌面宽度大于窗口宽度和flex只覆盖所有窗口宽度的原因。