时间戳

首页 > 解决方案 > 如果数据存在，则行第二行的 Ag-Grid 列

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

问题描述

我正在寻求实现 ag-grid 的免费版本以显示大约 1,000 条记录。这些记录有大约 8 列将显示在第一行，但我希望第 9 列显示在第二行的整个行宽上。只有存在数据时才会显示。有没有办法用 Ag-Grid 实现这一点？

标签： stylingmultilineag-grid

解决方案

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

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

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

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

现在，如果您希望全宽行可扩展/可折叠（我假设第 9 列太小并且您想在该列中放置一个展开按钮），您必须获得 ag-用于行分组或行树的网格企业。

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

推荐阅读