Базовый стол ag-grid постоянно увеличивает высоту / вершину - PullRequest
0 голосов
/ 22 марта 2019

У меня есть базовый компонент 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 и столкнулся с той же проблемой.

...