在 SlickGrid 中使用分层表

Question

我们的设计人员要求我们构建类似这样的表格，其中行扩展以显示下面的另一个子表格。 在 KendoUI 文档中，这称为“层次结构”。

我们使用带有一些附加插件的 SlickGrid v2.3。 我们目前有具有类似行展开/折叠的表，如下所示： https://mleibman.github.io/SlickGrid/examples/example5-collapsing.ZFC35FDC70D5FC69D7A39883A822 这不允许子表中有一组完全不同的列。

问题是，这是否可以在 SlickGrid 中完成？

Answer 1

目前，它无法完成。 为了达到它的速度，Slickgrid 强制执行固定的行高和单个滚动 canvas。 这只是与 HTML 显示网格使用的方法不同。

我想，您可以在组行中使用多个 slickgrid 或嵌入的 slickgrid 来组合一种解决方法，但这会很混乱。 我做过的一件事是开发一个 SlickCombo，它本质上是一个呈现为多列下拉列表的网格。 这是一个完整的网格，可以提供编辑。 这可能和你得到的一样接近。

评论：MLeibman repo 早已死去 - 你应该使用： https://github.com/6pac/SlickGrid

Answer 2

当前的 SlickGrid 可能很难做到，没有处理分层部分本身的代码，因此在 SlickGrid 中实现的工作量很大。 然而，它是在Slickgrid-Universal中实现的，它是 SlickGrid 之上的一个包装器。 您可以看到示例 5和示例 6 ，其中显示了 2 种类型的树数据网格（分层或parentId参考）。 我们将它用于我们拥有的项目的生产中。 另请注意，这不是网格中的网格，而是展开/折叠，与您在example5-collapsing.html中找到的相同，与 SlickGrid 的唯一区别是 Slickgrid-Universal 具有处理分层数据的代码（过滤/排序），而 SlickGrid 本身没有，另一个很高兴知道的事情是展开/折叠实际上是在幕后使用数据过滤，当您显示页脚时，您可以看到这一点。

请注意，我是Slickgrid-Universal的作者，也是 SlickGrid 的主要贡献者