项目作者: matteoterrinoni

项目描述 :
React virtualized table
高级语言: TypeScript
项目地址: git://github.com/matteoterrinoni/react-virtualized-table.git
创建时间: 2018-05-11T18:04:07Z
项目社区:https://github.com/matteoterrinoni/react-virtualized-table

开源协议:MIT License

下载


React Virtualized Table

Demo here!

Stackblitz example here

styled with prettier
Greenkeeper badge
Build Status
Coverage Status
Dev Dependencies
Donate

A simple table using react-virtualized.

Usage

  1. npm install
  1. import {
  2. FilteredVTable,
  3. GivenVTable
  4. } from 'react-virtualized-table'
  5. import * as faker from 'faker'
  6. export const initFakeItems = (n = 1000) => {
  7. let list = []
  8. for (let i = 0; i < n; i++) {
  9. list.push({
  10. name: faker.name.findName(),
  11. email: faker.internet.email(),
  12. age: faker.random.number()
  13. })
  14. }
  15. return list
  16. }
  17. const columns = GivenVTable.columns()
  18. .addSortableColumnFor('name')
  19. .addColumnFor('age')
  20. .addSortableColumnFor('email')
  21. .result
  22. <FilteredVTable
  23. items={initFakeItems()}
  24. columns={columns}></FilteredVTable>