【问题标题】:Rows not showing in syncfusion gantt when enableVirtualization={true}当 enableVirtualization={true} 时,同步融合甘特图中未显示行
【发布时间】:2022-07-11 22:44:45
【问题描述】:
将 enableVirtualization 设置为 true 时,我的应用程序出现了问题,但我也可以在 this stackblitz 中重现它。
正如您在this screenshot 中看到的,在我调整窗口大小之前,行不会显示在初始显示上。
我还注意到 dom 中加载了 102 行,而应该只加载 17 行,因为它们是在任何垂直滚动之前的初始显示中唯一可见的行。
enableVirtualization 参数真的有效还是我遗漏了什么?
请帮忙!
【问题讨论】:
标签:
reactjs
syncfusion
gantt-chart
ej2-gantt
【解决方案1】:
我和你有同样的问题。
问题是我忘记注入 VirtualScroll 服务。
在<GanttComponent> 标签内,添加<Inject services={[VirtualScroll]}/>
总结:要为甘特图启用虚拟化功能,您需要:
- 在 GanttComponent 中,将
enableVirtualization 设置为 true(或者只添加不带任何值的 prop,因为 React 将其理解为 true)
- 在 GanttComponent 中,以 px 为单位设置高度。根据文档,它是必需的,并且必须以像素为单位。
- 在 Inject 标签中,添加 VirtualScroll 服务