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 界面供您参考。