virtuallist-antd

仓库: https://github.com/crawler-django/virtuallist-antd

版本更新记录: https://github.com/crawler-django/virtuallist-antd/blob/master/update.md

virtualList for antd-table, 实现antd-table的虚拟列表, antd-table无限滚动, infinite scrolling for antd-table

• 你可以像平常一样在columns里使用fixed
• 支持进行条件搜索 变更数据.
• 目前用了节流 - 100ms 在滚动的时候刷新窗口
• 支持calc()
• 支持分页
• 仅支持antd3.x版本. antd4全面推广且实现了虚拟列表特性后, 将不再维护此代码.

example

• 简单的例子
• 简单的例子(calc)
• 简单的分页例子

Install

npm install --save virtuallist-antd

Usage

import * as React from 'react'
import ReactDom from 'react-dom'

import { VList } from 'virtuallist-antd'
import { Table } from 'antd'

function Example(): JSX.Element {
    const dataSource = [...]
    const columns = [...]
    const rowkey = 'xxx'
    return (
        <Table 
            dataSource={dataSource}
            columns={columns}
            rowKey={rowKey}
            scroll={{
                y: 1000 // 滚动的高度, very important, 可以是受控属性, required, 支持calc()
            }}
            // 使用VList 即可有虚拟列表的效果
            components={VList()}
        />
    )
}

ReactDom.render(<Example />, dom)

License

MIT © crawler-django