AG-Grid:是否可以将状态栏/状态面板移动到网格的顶部,在 header & 行之间?
AG-Grid: Is it possible to move the status bar / status panel to the top of the grid, between the header & rows?
我们需要在网格顶部显示自定义 Angular 组件,在 header 行和数据行之间,类似于 Pinned Row,但我们的拥有跨越所有列的自定义内容。
Status Bar Panel看起来与我们需要的非常相似,但示例仅显示它呈现在网格底部。我想知道是否有办法让它在顶部呈现。还有其他选择吗?
示例呈现如下:
我们想要实现这样的目标:
您可以通过 CSS 技巧来实现。
看看这个 plunk:Status Bar Panel - at top
.ag-theme-alpine .ag-status-bar {
font-weight: normal;
position: absolute;
top: 50px;
right: 5px;
border-top: none !important;
}
.ag-theme-alpine .ag-body-viewport {
top: 50px;
border-top: solid 1px lightgrey;
}
我们需要在网格顶部显示自定义 Angular 组件,在 header 行和数据行之间,类似于 Pinned Row,但我们的拥有跨越所有列的自定义内容。
Status Bar Panel看起来与我们需要的非常相似,但示例仅显示它呈现在网格底部。我想知道是否有办法让它在顶部呈现。还有其他选择吗?
示例呈现如下:
我们想要实现这样的目标:
您可以通过 CSS 技巧来实现。
看看这个 plunk:Status Bar Panel - at top
.ag-theme-alpine .ag-status-bar {
font-weight: normal;
position: absolute;
top: 50px;
right: 5px;
border-top: none !important;
}
.ag-theme-alpine .ag-body-viewport {
top: 50px;
border-top: solid 1px lightgrey;
}