如果数据存在，则在第二行的Ag-Grid列

Question

我希望实现免费版的ag-grid，用于显示大约1,000条记录。记录有大约8列将显示在第一行，但我希望第9列显示在第二行的整行宽度。它只会在数据存在时显示。有没有办法用Ag-Grid实现这个目标？

Answer 1

在AgGrid的免费版本中，您有Full Width Rows。但是，您不能使用全宽行和常规列行来访问相同的数据。我假设你要找的是这样的设计：

|___|___|___|___|___|
|___________________|
|___|___|___|___|___|
|___________________|
|___|___|___|___|___|
|___________________|

因此，为了同时拥有列和行，您需要复制数据并执行类似

的操作

function isFullWidth(index) {
  return index % 2 === 0;
}

现在，如果您希望全宽度行可扩展/可折叠（我假设某些详细信息是第9列太小而您想在该列中放置一个展开按钮），则必须获得行分组或行树的ag-grid企业。

我们的团队也遇到了这个问题（数据不符合专栏），我们采用了将ngx-bootstrap-tooltip放入列的方法，所以在悬停（或hammer.js-gesture）时你会看到一个工具提示。