Блог

У меня есть список сведений с данными документа, и я хочу вести себя так же, как столбец FileName в обычной библиотеке документов. В библиотеке документов при изменении размера столбца FileName отображается текст FileName … когда имя файла больше ширины столбца.

Как мы можем сделать это в столбце DetailsList? Прямо сейчас я использую пользовательский компонент react для отображения значений ячеек для столбца FileName, где элемент управления Label отображает текст filename. Я фиксирую событие изменения размера столбца и передаю ширину столбца этому пользовательскому компоненту react в качестве события rxjs. Событие фиксируется внутри каждой ячейки, но как изменить размер элемента управления Label?

Есть ли лучший способ, чем использовать событие RxJS?

Все это находится внутри компонента SPFx React WebPart.

Согласно документу, когда вы определяете столбец, вы наследуете IColumn интерфейс. IColumn интерфейс имеет calculatedWidth , currentWidth , maxWidth , minWidth свойства могут быть использованы.
Интерфейс IColumn для справки.