Coder Social home page Coder Social logo

paul-long / fast-table Goto Github PK

View Code? Open in Web Editor NEW
21.0 21.0 7.0 408 KB

react, table, virtualization, fixed column, fixed header, sort, tree table

Home Page: https://paul-long.github.io/react-components/

License: MIT License

JavaScript 90.33% CSS 9.67%
fixed fixed-column react react-component sort table tree virtualization

fast-table's People

Contributors

ly0770 avatar paul-long avatar paul-long-1988 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

fast-table's Issues

column.onHeaderCell did not work.

  column._onHeaderCell = column.onHeaderCell || (() => {})
  column.onHeaderCell = col => ({
    width: col.width,
    index: index,
    fixed: col.fixed,
    resizable: col.resizable,
    onResize: this.tableOnColumnResize(index),
    ...column._onHeaderCell(column)
  })

I'm trying to build a fast-table-ex, to extend table draggble moving, column hide, draggable resizing and automatic storage setting. I have setted FastTable.props.components = { header: { cell: Function(props) } }.

针对列的虚拟化

我这边的场景是行的数量是有限的(10行一页),但是列可能多达上千,列上又会有排序搜索之类的方法,现在也是巨卡无比,这个有什么办法没有

onRow 函数 不支持 css3 动画事件

版本: 1.4.7

这三个函数 不支持

 onRow= (rowData) => {
    return {
      onAnimationEnd: () => console.log('onAnimationStart'),
      onAnimationStart: () => console.log('onAnimationStart'),
      onTransitionEnd: () => console.log('onTransitionEnd')
    }
  }

我自己测了一下, 发现需要修改 src/types.js

第126行 应增加配置
export const eventsMap = {
  mouseenter: 'onMouseEnter',
  mouseleave: 'onMouseLeave',
  click: 'onClick',
  // 增加
  animationend: 'onAnimationEnd',
  animationstart: 'onAnimationStart',
  transitionend: 'onTransitionEnd'
};

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.