Rc-virtual-list NPM | npm.io

3.18.4 • Published 2 months ago

Install

Weekly downloads

426,434

License

MIT

Repository

Last release

2 months 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:8000/

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 svl-admin-template test-iki-mini-app wym-ui teams_im_ui superset-plugin-chart-hello-world2 suo-base-select-user spoom-tree tiklab-teamwire-ui @dpdfe/rc-pinyin-select @cuong.lv2/modal-form @developerli/basic-select @developerli/basic-tree @developerli/basic @rorschachyu/ethui @persiabme/toolkit @poscredit/plugin-chart-boris jingzhi-ui itz-container-library @3dverse/design-system rc-select solidoc-rc-az solidoc-az-rc umi4ui tntd ttk-rc-select-2 @ag_meq/rtc @alitajs/input-tag @baic/yolk-mobile @batbayar/superset-plugin-chart-hello-world @bdcloud/airec @4399ywkf/antd4_components @4399ywkf/antd5_components 128981semzub z-modules-report z-modules-user yuan-design xyl-design yxkj-ui zubtesttoday wanke-gui wanke-gui-gh wangeditor-plugin-formula-plus vimo-sketches @parallel-line/web @gsaandy/antd @fle-ui/rc-select @gedit/timeline @gem-mine/rmc-tree @ggyteams/teams_im_ui @gingkoo/pandora-explorer @gio-design/components @infinitebrahmanuniverse/nolb-rc-@luband/components @ngomjnhthj/antd-restyle-classic @nicecode/meta @myywlc/antd @ennabl/rc-tree @mehradramezanipour/toolkit @koding-cl/react-kit @illa-design/list @hzab/deep-list @ones-design/tree @pokopayment/widget @pm-pri/form-lib-v4 @pm-pri/form-lib-v5 @notificationapi/react @pisell/private-materials @oatservice/core @oatservice/react-framework-lib @pendant/mp-select @p-lc/editor-i18n-edit-store-plugins @p-lc/react-shared @skip-go/widget @restcloud-npm/rc-lowcode-component metis-ui oat-react-framework schema-page-loader rc-tree rc-tree-modern rc-tree-native-dnd rc-tree-ondrag-optional rc-ui-select rc-table rc-table-modern rc-table-test-image-diff rc-base-table rc-select-atilaqi rc-select-modern rc-select-plus rc-select-pro rocket-core rw-tree rw-select selectable-options

4 months ago

4 months ago

2 months ago

4 months ago

2 months ago

3 months ago

6 months ago

5 months ago

5 months ago

7 months ago

8 months ago

8 months ago

12 months ago

12 months ago

11 months ago

12 months ago

10 months ago

11 months ago

12 months ago

12 months ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

2 years ago

2 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

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

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

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago