【发布时间】:2018-05-12 14:31:46
【问题描述】:
我希望实现 ag-grid 的免费版本以显示大约 1,000 条记录。这些记录有大约 8 列将显示在第一行,但我希望第 9 列显示在第二行的整个行宽上。只有存在数据时才会显示。有没有办法用 Ag-Grid 实现这一点?
【问题讨论】:
我希望实现 ag-grid 的免费版本以显示大约 1,000 条记录。这些记录有大约 8 列将显示在第一行,但我希望第 9 列显示在第二行的整个行宽上。只有存在数据时才会显示。有没有办法用 Ag-Grid 实现这一点?
【问题讨论】:
在 AgGrid 的免费版本中,您拥有 Full Width Rows。但是,您不能同时拥有访问相同数据的全宽行和常规列行。我假设您正在寻找的是这样的设计:
|___|___|___|___|___|
|___________________|
|___|___|___|___|___|
|___________________|
|___|___|___|___|___|
|___________________|
因此,为了同时拥有列和行,您需要复制数据并执行类似的操作
function isFullWidth(index) {
return index % 2 === 0;
}
现在,如果您希望全宽行可展开/可折叠(我假设第 9 列太小并且您想在该列中放置一个展开按钮是一些详细信息),您必须为行分组或行树获取 ag-grid 企业。
我们的团队也遇到了这个问题(数据不适合列中),我们采用了将 ngx-bootstrap-tooltip 放入列中的方法,因此在悬停(或hammer.js-gesture)时,您会看到一个工具提示。
【讨论】: