在我的应用程序中,我有一个 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 属性来渲染元素,这应该在文本中添加省略号,不幸的是没有成功。
提前致谢!