Rc-virtual-list NPM | npm.io

3.11.5 • Published 14 days ago

Install

Weekly downloads

426,434

License

MIT

Repository

Last release

14 days ago

rc-virtual-list

React Virtual List Component which worked with animation.

Online Preview

https://virtual-list-react-component.vercel.app/

Development

npm install
npm start
open http://localhost:9001/

Feature

Support react.js
Support animation
Support IE11+

Install

Usage

import List from 'rc-virtual-list';

<List data={[0, 1, 2]} height={200} itemHeight={30} itemKey="id">
  {index => <div>{index}</div>}
</List>;

API

List

Prop	Description	Type	Default
children	Render props of item	(item, index, props) => ReactElement	-
component	Customize List dom element	string \| Component	div
data	Data list	Array	-
disabled	Disable scroll check. Usually used on animation control	boolean	false
height	List height	number	-
itemHeight	Item minium height	number	-
itemKey	Match key with item	string	-
styles	style	{ horizontalScrollBar?: React.CSSProperties; horizontalScrollBarThumb?: React.CSSProperties; verticalScrollBar?: React.CSSProperties; verticalScrollBarThumb?: React.CSSProperties; }	-

children provides additional props argument to support IE 11 scroll shaking. It will set style to visibility: hidden when measuring. You can ignore this if no requirement on IE.

react react-component virtual-list

@babel/runtime classnames rc-resize-observer rc-util

sp-tree jdc-rc-common test-rc-common find-react hds-rc-select @everything-registry/sub-chunk-2535 jingzhi-ui hunt-ui huyoo-ui imforbossjob ld-select link-chart lijj dt-react-component dwt-ui form-lib-v4 feffery_utils_components feitud oat-react-framework net-design ppfish-fork ranshu-design ranshu-design-v1 ranshu-rc rantd-react selectable-options adarchitecture-ui @zgfe/business-lib @alitajs/input-tag schema-page-loader @zgfe/modules-report acud adui rw-select rw-tree @ag_meq/rtc react-titan react-window-tree rc-select rc-select-atilaqi rc-select-plus rc-tree rc-tree-native-dnd rc-tree-ondrag-optional rc-table repair-rc-tree rocket-core aike-select @cuong.lv2/modal-form test-iki-mini-app bonree-select bonree-tree @developerli/basic @developerli/basic-select @developerli/basic-tree @dpdfe/rc-pinyin-select choerodon-ui tiklab-teamwire-ui ttk-rc-select-2 tntd co-tree umi4ui spoom-tree solidoc-az-rc solidoc-rc-az @bdcloud/airec ant-design-draggable-modal-4 ant-design-draggable-modal-fix ant-design-draggable-modal-fix-2 antd-qyb-pro antd-pro-toolkit cgft-ui circle-cts coding-oa-uikit superset-plugin-chart-hello-world2 svl-admin-template btns-farooq @myywlc/antd @pendant/mp-select @ngomjnhthj/antd-restyle-classic @nicecode/meta @pokopayment/widget @pm-pri/form-lib-v4 @pm-pri/form-lib-v5 @persiabme/toolkit @poscredit/plugin-chart-boris yuan-design zubtesttoday z-modules-report z-modules-user @ennabl/rc-tree @tddc/rule-condition @tddc/virtual-cascader @parallel-line/web @luband/components @mehradramezanipour/toolkit @gem-mine/rmc-tree @gsaandy/antd @gingkoo/pandora-explorer @gio-design/components

14 days ago

3 months ago

6 months ago

7 months ago

8 months ago

8 months ago

7 months ago

8 months ago

7 months ago

7 months ago

7 months ago

9 months ago

8 months ago

9 months ago

10 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

12 months ago

12 months ago

12 months ago

2 years ago

2 years ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago