小编use*_*524的帖子

如何使用 Primreact 和 Primeflex 处理文本溢出

在我的应用程序中,我有一个 DataTable 组件,一列(即“注释”)可以包含很长的文本。

我对该列的定义如下:

<Column style={{maxWidth: 220}} className={"text-overflow-ellipsis"} field={col.field}
                               key={col.field} header={col.header}/>;
Run Code Online (Sandbox Code Playgroud)

我想我可以用 PrimeFlex 的“text-overflow-ellipsis”类来帮助自己,不幸的是没有成功。

我还使用了像react-clamp-lines或react-clamp这样的第三方库,但这些会产生完全相同的结果。

我的数据表如下所示: 在此输入图像描述

我还尝试<ClampLine/>使用列的 body 属性来渲染元素,这应该在文本中添加省略号,不幸的是没有成功。

提前致谢!

reactjs primereact primeflex

5
推荐指数
1
解决办法
1042
查看次数

标签 统计

primeflex ×1

primereact ×1

reactjs ×1