infinitywrapper v0.0.2

React InfinityWrapper HOC

Infinity scroll on ant table or root node

Use this Component

yarn add infinitywrapper to install the latest version

InfinityTable used with ant table

const TableWrapper = ({ bordered, dataSource, scrollable }) => {

  const columns = {
    // columns
  }

  return (
    <Table
      bordered={bordered}
      columns={columns}
      dataSource={dataSource}
      scroll={scrollable ? { y: ROWS_ON_PER_PAGE * ROW_HEIGHT } : {}}
    />
  )
}
export default InfinityWrapper(TableWrapper)

    <InfinityTable
      dataSource={dataSource}
      hasNextPage={hasNextPage}
      rowPerPage={rowPerPage}
      bordered={bordered}
      loadMore={loadMore}
    />

InfinityTable used with whatever

const Wrapper = ({ dataSource }) => {
  return (
    <div>
      {dataSource.map((data) => {
        return <div>{data}</div>
      })}
    </div>
  )
}
export default InfinityWrapper(Wrapper)

    <InfinityTable
      dataSource={dataSource}
      hasNextPage={hasNextPage}
      rowPerPage={rowPerPage}
      loadMore={loadMore}
      isTable={false}
    />

Props

Contribute to this repo

To install dependencies

$ yarn

To build

$ yarn build

To run tests

$ yarn test

To run Storybook

$ yarn start