@aandr/react-data-grid 中文文档教程

发布于 8年前 浏览 45 更新于 3年前

react-data-grid

react-data-grid 的核心

Install

npm install --save react-data-grid

Usage

import ReactDataGrid from 'react-data-grid';

const columns = [{ key: 'id', name: 'ID' }, { key: 'title', name: 'Title' }];
const rows = [{ id: 1, title: 'Title 1' }, ...];
const rowGetter = rowNumber => rows[rowNumber];

const Grid = () => {
  return <ReactDataGrid
    columns={columns}
    rowGetter={rowGetter}
    rowsCount={rows.length}
    minHeight={500} />);
}

Exports

除了这个包导出的网格:

namesource
RowComparerRowComparer
RowsContainerRowsContainer
RowRow
CellCell
HeaderCellHeaderCell
editorsEditors
utilsutils
shapesshapes
_constants_constants
_helpers_helpers

react-data-grid

The core of react-data-grid

Install

npm install --save react-data-grid

Usage

import ReactDataGrid from 'react-data-grid';

const columns = [{ key: 'id', name: 'ID' }, { key: 'title', name: 'Title' }];
const rows = [{ id: 1, title: 'Title 1' }, ...];
const rowGetter = rowNumber => rows[rowNumber];

const Grid = () => {
  return <ReactDataGrid
    columns={columns}
    rowGetter={rowGetter}
    rowsCount={rows.length}
    minHeight={500} />);
}

Exports

Asside from the grid this package exports:

namesource
RowComparerRowComparer
RowsContainerRowsContainer
RowRow
CellCell
HeaderCellHeaderCell
editorsEditors
utilsutils
shapesshapes
_constants_constants
_helpers_helpers
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文