要将水平滚动条放在AgGridReact的底部,您可以使用以下方法:
.ag-root-wrapper {
overflow-x: auto;
overflow-y: hidden;
}
.ag-body-viewport {
overflow-x: hidden;
overflow-y: auto;
height: calc(100% - 17px); /* 减去水平滚动条的高度 */
}
.ag-pinned-left-cols-viewport,
.ag-pinned-right-cols-viewport {
overflow-y: scroll;
}
suppressHorizontalScroll
属性为true
,以禁用AgGridReact默认的水平滚动条:
这样,水平滚动条将会出现在底部,而不是默认的顶部位置。