如何冻结Fluent UI详细信息列表中的第一列

Question

如何仅在Fluent UI Details列表中冻结第一列?列数超过40列。因此需要冻结，以便可以使用水平滚动。

Answer 1

没有直接的办法。但是你可以用一些css技巧来做。这是不言自明的。

.ms-DetailsRow-cell:first-child, .ms-DetailsHeader-cell:first-child {
position: sticky;
inset: 0;  
background-color: white;
z-index: 1;
}