Facebook React 组件 fixed-data-table

BSD
JavaScript
跨平台
Facebook
2015-04-10
孔小菜

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')
);
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

oracle动态视图v$,v_$,gv$,gv_$与x$之间的关系

前言:在oracle运维的过程中,经常会使用到一些以V$开头的动态视图,比如V$session, 有一次偶然看到有人用V_$session, 初以为别人写错了,没想到desc v_$session以后能看到和v$session一样的...

07/30 17:33
2
0
bootstrap 表格插件bootstrap-table的使用

bootstrap-table 功能较多,可以锁定头部,排序以及搜索,用法也比较简单

2016/06/14 14:08
957
0
解决bootstrap-table-fixed-columns.js显示列与隐藏列按钮切换表格不对齐

<table class="table-striped table-hasthead nowrap" id="tableTest1" data-search="true" data-show-columns="true" data-fixed-columns="true" data-fixed-number="3"> </table> 含有dat...

2018/11/15 13:44
354
0
OpenType字库文件

OpenType字库文件 一个OpenType字库文件以表的格式包含有数据,这些数据包含一个TrueType或一个PostScript outline 字库。光栅化程序使用字库里包含的表中的数据来渲染TrueType或者PostScrip...

2013/06/25 23:25
2.6K
0
bootstrap 类 归类

bootstrap 类 归类 方便以后使用

2015/07/16 09:00
13
0
表格操作二三事。。。

和表格来一场高级的互动

2015/08/05 16:09
167
0
探索数据字典,提高自学习Oracle能力

我们知道Oracle通过数据字典来管理和展现数据库信息,这些信息至关重要。 正确理解这部分内容有助于加强我们的oracle学习能力。 接下来我们介绍一下怎样通过数据库本身来学习研究数据库。 首...

2013/11/26 18:07
20
0
bootstrap.table.js

/** * @author zhixin wen <wenzhixin2010@gmail.com> * version: 1.12.1 * https://github.com/wenzhixin/bootstrap-table/ */ ($ => { // TOOLS DEFINITION // ====================== let...

2018/07/16 14:23
302
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部