У меня есть базовый компонент React, который использует AG-Grid для рендеринга таблицы. Но я сталкиваюсь с этой проблемой, когда высота / вершина автоматически продолжает увеличиваться, без какого-либо участия от меня.
import { AgGridReact } from "ag-grid-react";
import "ag-grid-community/dist/styles/ag-grid.css";
import "ag-grid-community/dist/styles/ag-theme-material.css";
render () {
const colDef = [{
headerName: "Make", field: "make",
}, {
headerName: "Model", field: "model",
}, {
headerName: "Price", field: "price",
}];
const dataRows = [{
make: "Toyota", model: "Celica", price: 35000,
}, {
make: "Ford", model: "Mondeo", price: 32000,
}, {
make: "Porsche", model: "Boxter", price: 72000,
}];
return (
<div className={`ag-theme-material`}>
<AgGridReact
columnDefs={colDef}
rowData={dataRows}
/>
</div>
)
}
Я проверил элементы, которые меняются. Похоже, Top
продолжает увеличиваться автоматически для этого div:
<div class="ag-floating-bottom" role="presentation" style="height: 0px; top: 422px;">
и Height
для этого, и я понятия не имею, почему:
<div class="ag-body ag-row-no-animation" role="presentation" style="height: 516px; top: 56px;">
Обратите внимание, что я попробовал другие встроенные темы для ag-grid и столкнулся с той же проблемой.