Fluent UI DetailsList 在 ColumnResize 上調整列文本的大小

Question

我有一個包含文檔數據的詳細信息列表，並且我想要與常規文檔庫中的 FileName 列相同的行為。 在文檔庫中，在調整 FileName 列的大小時，當文件名大於列寬時，FileName 文本會顯示...。

我們如何在 DetailsList 列中做到這一點？ 現在我正在使用自定義反應組件來呈現文件名列的單元格值，其中 Label 控件呈現文件名文本。 我正在捕獲列調整大小事件並將列寬作為 rxjs 事件傳遞給該自定義反應組件。 該事件正在每個單元格內捕獲，但如何調整 Label 控件的大小？

有沒有比使用 RxJS 事件更好的方法？

所有這些都在 SPFx React WebPart 組件中。

Answer 1

根據文檔，定義列時，繼承了IColumn接口。 IColumn接口具有calculatedWidth寬度、當前maxWidth 、最大寬度、 minWidth currentWidth屬性可以使用。
IColumn 界面供您參考。