本文展示了 schedulejs 外部第三方表格组件：名称 ag-grid 集成。目标是显示 schedulejs 集成到表组件中的灵活性。

集成用例

我们发现了一些用途 ScheduleJS 开发调度组件的公司已经使用了内部或第三方开发的表格。我们决定进行这个概念验证项目来演示一个场景。在这个场景中，我们的用户选择使用他们的实际解决方案来使用他们 ScheduleJS 应用程序无缝集成到他们的环境中。这种方法的关键是重用公司花时间开发的功能。

实现高级树表

在ScheduleJS中，树形表格是图形左侧经常放置的组件。它的功能是为最终用户提供额外的信息，并提供与数据交互的工具。 ScheduleJS 提出了一个标准的集成树表组件，您可以定制标题和行单元格，为最终用户创建完美的布局。本标准的信息列 API 旨在为开发人员提供一个简单但功能强大的工具，涵盖公司在调度应用程序中可能遇到的大多数用例。

当将 ScheduleJS 当图形作为外表组件的子组件托管时，我们能达到同样的可用性吗？

将 ScheduleJS 集成为子组件

图形将复杂的数据呈现为可读输出，使用户能够快速收集信息并与描述性图形视图交互。 Web 表格组件在其架构的核心中使用应用程序是很常见的。

AG-Grid 良好的候选人已经被我们的开发人员确定为此练习，因为一致的公司池使用这个组件来开发他们的表格。

将验证以下概念 AG-Grid 开箱即用功能和 ScheduleJS 结合图形可读性。

结果

为此，我们决定选择 AG-Grid 即使在商业项目中，表组件的开源版也是免版税。

下面的视频显示了它在我们开发环境中的功能：

想看最终结果的视频可以去看:ScheduleJS

与默认树表相比，附加功能如下：

• 固定特定列 ScheduleJS 图形最右侧和最左侧的选项
• 修改任何列的水平顺序选项，包括 ScheduleJS 图形
• 可以调整任何列的大小，包括 ScheduleJS 图形
• 能够从 AG-Grid 单元触发扩展和折叠功能
• AG-Grid集成过滤功能可用于影响ScheduleJS图形

以上就是将 ScheduleJS 集成到 AG-Grid 详情请关注其他相关文章！

p