Ag 网格 - Master/detail,保持详细信息行永久打开

Ag grid - Master/detail,keep detail rows permanently open

对于 Ag 网格 Master/Detail,有没有办法让明细行默认打开?没有关闭它们的选项?

首先,您可以遍历 ag-grid 上的所有主行,并在每个节点上使用 setExpanded() 方法并将参数设置为 true。这将导致打开所有行。这可以在 onGridReady 事件中处理。

params.api.forEachNode(node => {
  node.setExpanded(true);
})

至于让它永久打开而没有关闭它们的选项,解决这个问题的一种方法是隐藏切换行的箭头图标。为此,我们可以通过将 display 属性 设置为 none 来覆盖默认值 CSS。此外,您可能需要使用 !important 声明。

.ag-theme-balham .ag-cell .ag-icon {
  display: none!important;
}

我创建了一个demo