Как закрепить первый столбец в списке деталей пользовательского интерфейса Fluent

Question

Как я могу заморозить первый столбец только в списке сведений о Fluent UI? Колонны более 40. Следовательно, его необходимо заморозить, чтобы можно было использовать горизонтальную прокрутку.

Answer 1

Прямого пути нет. Но вы можете сделать это с помощью некоторого CSS-хака. Это в значительной степени говорит само за себя.

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