javascript - 初始显示后如何冻结css网格列宽
问题描述
我正在使用 CSS Grid 来显示记录表。每列都定义为“自动”，因为我希望列宽适合内容。
在我的应用程序中，我有一个按钮来获取下一页结果，然后我从结果的第 2 页动态重新填充网格。这具有使网格跳转的效果，因为当然，第 2 页上每一列的内容与第 1 页上的内容不同。（我在 v-for 循环中使用 Vue 填充表格。 )
有没有办法在最初填充列后冻结它们的宽度？
我能想到的唯一方法是使用Javascript获取每列的宽度，然后重写CSSgrid-template-columns值以将列指定为固定宽度。这是可能的，但感觉就像一个杂牌。
也许有一些我不知道的 CSS 魔法？一些东西position: sticky，但对于列宽？