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。
对于 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。