如何将大型富文本渲染到ag-grid单元格中？

Question

我正在尝试在 ag-grid 单元格中显示大型（最多 25k 个字符）富文本。我想首先仅显示特定文本并显示更多链接。当您单击“显示更多链接”时，将显示完整文本以及“显示更少链接”。 富文本包括粗体、斜体、下划线、文本颜色、项目符号、编号、图像等。

这会导致单元格的动态高度变化。我需要根据文本计算每个单元格的高度。

有人知道如何处理动态高度吗？或者有没有npm库可以处理这种需求？

我正在将 ag-grid 与 angukar9 一起使用，我正在将 ag-grid 版本 23 与 angular9 一起使用，因此 autoHeight 功能不可用。

所以基本上，我需要将更大的富文本渲染到具有动态高度的 ag-grid 单元格中，有人有任何方法吗？请告诉我。

Answer 1

这对我有用，试试吧{ headerName: '???', 字段：'描述'， 最小宽度：300， 冷: 'col1', cellRenderer：（参数）=> { 返回

<p class="sub-title"  style=" max-height: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; white-space: break-spaces; direction: rtl ">${params.value} </p>

},