fixed-data-table 介绍
fixed-data-table 是一个用于以灵活且强有力的方式建立并显示数据的 React
组件。它支持标准的桌面特征,像头条、行、列、头条组、滚动列。此组件在处理数千行数据的时不会牺牲性能。平滑地滚定是 FixedDataTable
的首要目的,它的结构保证了它的灵活性和可扩展性。
示例代码:
var React = require('react'); var FixedDataTable = require('fixed-data-table'); var Table = FixedDataTable.Table; var Column = FixedDataTable.Column;// Table data as a list of array.var rows = [ ['a1', 'b1', 'c1'], ['a2', 'b3', 'c2'], ['a3', 'b3', 'c3'], ..... /// and more];function rowGetter(rowIndex) { return rows[rowIndex]; } React.render( <Table rowHeight={50} rowGetter={rowGetter} rowsCount={rows.length} width={5000} height={5000} headerHeight={50}> <Column label="Col 1" width={3000} dataKey={0} /> <Column label="Col 2" width={2000} dataKey={1} /> </Table>, document.getElementById('example') );
fixed-data-table 官网
https://github.com/facebook/fixed-data-table
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。