时间戳

首页 > 解决方案 > 基本的 ag-grid 表格不断自动无限增加高度/顶部

css - 基本的 ag-grid 表格不断自动无限增加高度/顶部

问题描述

我有一个准系统 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 的其他内置主题并遇到了同样的问题。

标签： cssreactjsag-grid

解决方案

推荐阅读