fixed-data-table

Facebook React 组件
授权协议 BSD
开发语言 JavaScript
所属分类 数据库相关、 数据库驱动程序
软件类型 开源软件
地区 不详
投 递 者 谢鸿飞
操作系统 跨平台
开源组织 Facebook
适用人群 未知
 软件概览

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')
);
  • 解决Datatables warning(table id = ‘example’): cannot reinitialise data table这个问题,虽然网上方法很多,但我自己亲身试验的方法是在加载dataTable之前先使用$(“#example”).dataTable().fnDestroy();这个语句

  • dataTable是一个十分有用的表格管理插件,在使用的过程中,我们只需要将数据给到datatable,datatable就能自动给我们管理表格,其功能包括分页、排序、搜索,十分有用。 但正因为datatable管理表格是全自动的,有时datatable报错我们都不知道要怎么修改,相信大家在使用datatable的过程中都会遇见这么一个错误:DataTables warning (table id

  • 最近碰到了这个DataTables warning:table id = oaTableDate: Cannot reinitialise DataTable问题。使用DataTables做的表格,每次点击搜索功能,都会包这个错误。 错误是:无法重新初始化DateTable 原因是:我的方法里,有初始化的操作。我在搜索时,每次都会调用这个方法,然后每次就都会初始化表格。 解决方法:在写一个请求,让

  • 说的是dataTable没法再次加载表格。 就是用了同一个函数加载dataTable之后产生的问题。 再次加载之前要清楚掉之前的。在datatable里加一个参数。就行了 "destroy":true, 

  • https://stackoverflow.com/questions/18489663/datatables-warning-table-id-idtablename-cannot-reinitialise-datatable 添加 bRetrieve: true 属性

  • 在改css样式时td设置宽度width无效   后面发现对表格设置table-layout:fixed属性以后,如果表格的第一行tr中的td设置过单元格合并即使用了colspan属性,后面tr中的td无论如何设置宽度都没有任何效果。 解决办法 1.在表格的第一行设置一个隐藏的行或者去掉table-layout:fixed属性 <table style="table-layout: fixed; w

  • table-layout CSS属性定义了用于布局表格单元格,行和列的算法。 初始值为auto //大多数浏览器采用自动表格布局算法对表格布局。表格及单元格的宽度取决于其包含的内容。 fixed://表格和列的宽度通过表格的宽度来设置,某一列的宽度仅由该列首行的单元格决定。在当前列中,该单元格所在行之后的行并不会影响整个列宽。 使用场景 当用table百分比布局时, 如果td中的内容超过了td设定

  • 在datatable中可以通过三种不同的方式为一个或多个表获取一个新的Datatables API实例: (1)$ ( selector ).DataTable(); (2)$ ( selector ).dataTable().api(); (3)new $ .fn.dataTable.Api( selector ); 每种方式的结果都是Datatables API对象的一个实例,该实例具有选择器

  • Uncaught TypeError: $(...).dataTable(...).rows is not a function     at <anonymous>:1:31   官方文档api https://datatables.net/reference/api/rows().data()   代码使用dataTable对象时,用的是$('#memberList').dataTable,

  • 解决办法 修改前 : var table = $(’#example’).DataTable(); 修改后: var table = $(’#example’).dataTable(); 将.DataTable();大写的D改成小写的d就可以使用 fnGetNodes();

  • DataTables warning: table id=dt-table - Ajax error.  For more information about this error, please see http://datatables.net/tn/7 我首次使用jquery dataTables,在做查询的时候,出现了这个错误,查询了原因,发现是因为我调用controller的url写错了

 相关资料
  • fixed 方法 把字符串显示为打字机字体。 语法: stringObject.fixed(); 示例: var Str = "graybobo", s = Str.fixed(); console.log( s ); 结果: >>> <tt>graybobo</tt>

  • 描述 (Description) 此方法使字符串以固定间距字体显示,就像它在标记中一样。 语法 (Syntax) 其语法如下 - string.fixed( ) 返回值 (Return Value) 返回带有《tt》标记的字符串。 例子 (Example) 请尝试以下示例。 <html> <head> <title>JavaScript String fixed() Metho

  • 描述 (Description) 在这种布局中,导航栏和工具栏将是固定的,不能滚动页面。 每一页还可以有自己的导航栏和工具栏。 例子 (Example) 下面的示例说明在Framework7使用固定的布局。 所述导航栏和工具栏在下面的例子中似乎是固定的。 首先,我们将创建fixed_layout.html文件。 <!DOCTYPE html> <html> <head> <met

  • Fixed Nav 是个响应式的,可固定的动态滚动页面导航吗,支持触摸设备。 在线演示  

  • position:sticky 的 JS 兼容版本。页面元素滑动到顶部时自动贴顶。 标题 内容 类型 通用 支持布局 responsive, fixed-height, fill, container, fixed 所需脚本 https://c.mipcdn.com/static/v2/mip-semi-fixed/mip-semi-fixed.js 示例 基本用法 <mip-semi-fixed

  • Simulation of a Fixed-Wing Unmanned Aerial Glider Table of Content Overview Installation Airframe Reference Frames How to Run the Code Results References Overview An example of a non-linear flight sim