滚动条导致基于flexbox的列表元素的移动

Question

我有一个像下面这样的简单列表

行和标题具有display:flex。所有单元格的flex-grow和flex-shrink等于1。正如您所看到的（特别是在第5列处注意到的），由于滚动条，列已移动。

如何解决？

overflow-y:scroll不是一个选择。这是一个有角度的应用程序，我尝试做[ngStyle]="{'width.px': rows.clientWidth - 50 }"，其中50是行的左右行margin。但这也不是很好，因为渲染了第一行并且仅在减小标题的宽度之后，用户才会看到跳转。因此，我认为仅使用CSS的解决方案比使用angular更好。