All Projects → NexxLuo → tablex

NexxLuo / tablex

Licence: other
virtualized and extendable tables and datagrids for React

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to tablex

cp-react-tree-table
A fast, efficient tree table component for ReactJS.
Stars: ✭ 83 (+112.82%)
Mutual labels:  table, data-table, tree-table
Hot Table
Handsontable - Best Data Grid Web Component with Spreadsheet Look and Feel.
Stars: ✭ 114 (+192.31%)
Mutual labels:  table, data-table
Reactabular
A framework for building the React table you need (MIT)
Stars: ✭ 903 (+2215.38%)
Mutual labels:  table, data-table
React Bootstrap Table
A Bootstrap table built with React.js
Stars: ✭ 2,238 (+5638.46%)
Mutual labels:  table, react-table
Android Extensions
An Android library with modules to quickly bootstrap an Android application.
Stars: ✭ 356 (+812.82%)
Mutual labels:  table, data-table
Nghandsontable
Official AngularJS directive for Handsontable
Stars: ✭ 438 (+1023.08%)
Mutual labels:  table, data-table
Angular Handsontable
Angular Data Grid with Spreadsheet Look & Feel. Official Angular wrapper for Handsontable.
Stars: ✭ 175 (+348.72%)
Mutual labels:  table, data-table
react-table-library
🍱 React Table Library
Stars: ✭ 135 (+246.15%)
Mutual labels:  table, react-table
react-datatable
React-datatable is a component which provide ability to create multifunctional table using single component like jQuery Datatable. It's fully customizable and easy to integrate in any react component. Bootstrap compatible.
Stars: ✭ 72 (+84.62%)
Mutual labels:  table, react-table
ctablex
Featureable, flexible and powerful react table.
Stars: ✭ 17 (-56.41%)
Mutual labels:  table, react-table
ag-grid
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
Stars: ✭ 8,743 (+22317.95%)
Mutual labels:  table, react-table
Datatablesbundle
This Bundle integrates the jQuery DataTables plugin into your Symfony application.
Stars: ✭ 334 (+756.41%)
Mutual labels:  table, data-table
Reactgrid
Add spreadsheet-like behavior to your React app
Stars: ✭ 289 (+641.03%)
Mutual labels:  table, data-table
React Handsontable
React Data Grid with Spreadsheet Look & Feel. Official React wrapper for Handsontable.
Stars: ✭ 511 (+1210.26%)
Mutual labels:  table, data-table
react-vt-table
Table realisation based on `react-window` library
Stars: ✭ 28 (-28.21%)
Mutual labels:  table, virtualized
Window Table
Windowing Table for React based on React Window
Stars: ✭ 160 (+310.26%)
Mutual labels:  table, data-table
react-bolivianite-grid
React grid component for virtualized rendering large tabular data.
Stars: ✭ 95 (+143.59%)
Mutual labels:  table, data-table
react-cool-virtual
😎 ♻️ A tiny React hook for rendering large datasets like a breeze.
Stars: ✭ 1,031 (+2543.59%)
Mutual labels:  table, virtualized
DataFrame
DataFrame Library for Java
Stars: ✭ 51 (+30.77%)
Mutual labels:  table, data-table
WarezBot
Public Version of Discord bot for scene release
Stars: ✭ 30 (-23.08%)
Mutual labels:  table

Tablex

NPM version NPM downloads

基于 react-window 的表格组件

Learn more at the website

Install

yarn add tablex
import React, { Component } from "react";
import Table, { flatten, unflatten } from "tablex";


class Demo extends Component {
  state = {
    data: [],
    columns: []
  };

  render() {
    return (
      <Table rowKey="id" columns={this.state.columns} data={this.state.data} />
    );
  }
}

Features

  1. 虚拟加载
  2. 属性配置记忆
  3. 高扩展性,可自定义行、列渲染
  4. 自适应宽、高
  5. 无限级表头
  6. 支持树形数据
  7. 类antd table的样式及api
  8. 列冻结
  9. 列宽拖动
  10. 表格编辑,键盘导航(上、下、左、右),自定义验证,便捷的数据编辑api
  11. 支持行、列合并
  12. 支持表格拖动排序、树形表格层级调整
  13. 支持shift、拖拽方式快捷选择数据
  14. 支持表头行、列合并
  15. 支持自动行高度,行高随内容高度变化
  16. 支持数据分组

Roadmap

  1. 无限加载
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].