reactjs - React Data Grid 显示不好

Question

我对 ReactDataGrid 组件有疑问。我已经安装了 react-data-grid。该代码与 reac 网格的 web 中的代码相同：

const columns = [
  { key: 'id', name: 'ID' },
  { key: 'title', name: 'Title' },
  { key: 'count', name: 'Count' }];

const rows = [{ id: 0, title: 'row1', count: 20 }, { id: 1, title: 'row1', count: 40 }, { id: 2, title: 'row1', count: 60 }];


class App extends React.Component {
  render() {
    return (
      <ReactDataGrid
        columns={columns}
        rowGetter={i => rows[i]}
        rowsCount={3}
        minHeight={150} />
    )
  }
}

export default App;

我得到： 结果

谢谢！

标签： reactjsgridreact-data-grid

Answer 1

像这样导入CSS：

import 'react-data-grid/dist/react-data-grid.css';

应该没问题。