AG-Grid 在 Safari 16.x 中渲染不流畅

Question

我们正尝试在 Safari 16.x 中的网格上使用自定义单元格渲染器加载数据，并且当我们滚动时网格每次渲染都非常缓慢并且视觉效果不佳。

我们有这样的数据：

Column A	Column B	Column C	Column D
A	X	C	1
A	X	C	2
A	X	D	1
A	X	D	2
A	X	D	3
B	X	E	1

我们想表示如下：

Column A	Column B	Column C	Column D
		C	1
			2
		--------	--------
A	X		1
		D	2
			3
--------	--------	--------	--------
B	X	E	1

C、D & E 数据表示为一棵树，为此我们使用了自定义单元格渲染器。

我们尝试启用 rowBuffer 属性，但随后它增加了 DOM 元素的数量并且网格响应不好。对于 ~100 行，展开和折叠需要大约 10 秒来呈现。

角度：14.x 农业网格：28.x

Answer 1

几点建议：

• 仔细阅读有关 ag-grid 行虚拟化的文档，并确保您没有抑制行虚拟化。

• 如您所见，为了获得最佳性能，您可能希望行缓冲区尽可能小，但平滑渲染需要合适大小的行缓冲区，因此您必须找到能够平衡性能与渲染平滑度的合适大小。

• 最终，渲染问题的原因可能是渲染自定义渲染器所花费的时间。如果您使用的是“平台渲染器”，即 Angular 组件，那么与使用函数相比，您的开销要大得多。我会努力使自定义渲染器尽可能轻量级。