React-Data-Grid仅显示9行

Question

我正在加载一个react- data -grid，其中包含一个逐行填充的数据源(每秒添加一次行)。一旦它达到9行，它就会停止添加行。我还有另一个问题，在我改变屏幕上的缩放比例之前，网格不会显示出来。事先为空。这是我的网格元素

import React, { Component } from 'react';
import DataGrid from 'react-data-grid';
import 'react-data-grid/dist/react-data-grid.css';

const columns = [
  { key: 'timeStamp', name: 'Date/Time' },
  { key: 'gpsAccuracyValue', name: 'GPS Accuracy' },
  { key: 'speedMph', name: 'Speed' },
  { key: 'battery', name: 'Battery' },
  { key: 'id', name: 'id' },
];

const rows = [
  { id: 0, title: 'Example' },
  { id: 1, title: 'Demo' }
];

class TestGrid extends Component {


render(){
    return (
        <div>
        <DataGrid
          columns={columns}
          rows={this.props.data}
          rowsCount={this.props.data.length}
          minHeight={500}
        />
        </div>
      );
    }
}

export default TestGrid;

我像这样传递数据

<TestGrid data={this.props.deviceData} />

Answer 1

CodeSandbox

添加style={{ height:500 }}似乎解决了我遇到的类似问题，显示的行数超过9行。