# virtuallist-antdv3

> fork virtuallist-antd v0.2.8, 实现表格虚拟列表

Latest version **0.2.8-beta.3** (published 2022-08-30) · ISC license · 0 weekly downloads

## Install

```sh
npm install virtuallist-antdv3
pnpm add virtuallist-antdv3
yarn add virtuallist-antdv3
bun add virtuallist-antdv3
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.8-beta.3 |
| Published | 2022-08-30 |
| First published | 2022-07-14 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=8 |
| Dependencies | 0 |
| Unpacked size | 60.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | crawler-django |
| Maintainers | followmark.chen |
| Keywords | antd-table, virtualList, infinite, scrolling, antd-table虚拟列表, antd-table无限滚动 |

## Links

- npm: https://www.npmjs.com/package/virtuallist-antdv3
- npm.io page: https://npm.io/package/virtuallist-antdv3

## Alternatives

- [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads
- [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads
- [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads
- [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads

## Recent versions

- 0.2.8-beta.3 (latest) — 2022-08-30
- 0.2.8-beta.2 — 2022-08-30
- 0.2.8-beta.1 — 2022-07-14

## README

# virtuallist-antd

> 

[![NPM](https://img.shields.io/npm/v/virtuallist-antd.svg)](https://www.npmjs.com/package/virtuallist-antd) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

> 仓库: 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
* [简单的例子](https://codesandbox.io/s/festive-worker-wc5wp)
* [简单的例子(calc)](https://codesandbox.io/s/musing-http-7k254)
* [简单的分页例子](https://codesandbox.io/s/gracious-resonance-tmw44)

## Install

```bash
npm install --save virtuallist-antd
```

## Usage

```tsx
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](https://github.com/crawler-django)

---
_Source: https://npm.io/package/virtuallist-antdv3 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._