@easonviip/react-virtual-scroll-list
v1.0.13
Published
Scroll list render for large datas
Downloads
12
Readme
React virtual scroll list
Description:
A scroll grid/list can render a large number of datas.
Install
npm install @easonviip/react-virtual-scroll-list
Story book
npm run storybook
Components
Virtual Grid:
| prop | type | description | mandatory | | :-: | :-: | :-: | :-:| | itemRenderer | func | renderer to render the items in grid. | Y | | data | array | the data array to renderer, an array of objects and the objects inside must contain a key property. | Y | | unit | string | the unit use in the component, default is px. | N | | tabIndex | string | html property tabindex. | N | | direction | Direction | the data direction list in the grid, default is Direction.HORIZONTAL. | N | | directionLimitCeils | number | the limit count of ceils on the data list direction, default is 3. | N | | width | string | the width of the grid, default is 500px. | N | | height | string | the height of the grid, default is 300px. | N | | className | string | html property class. | N | | style | string | html property style. | N |
Virtual List:
| prop | type | description | mandatory | | :-: | :-: | :-: | :-:| | itemRenderer | func | renderer to render the items in grid. | Y | | data | array | the data array to renderer, an array of objects and the objects inside must contain a key property. | Y | | unit | string | the unit use in the component, default is px. | N | | tabIndex | string | html property tabindex. | N | | direction | Direction | the list scroll driection, default is Direction.HORIZONTAL. | N | | width | string | the width of the grid. If the direction is HORIZONTAL, width default is 500px. If the direction is VERTICAL, width default is auto. | N | | height | string | the height of the grid. If the direction is VERTICAL, height default is 300px. If the direction is HORIZONTAL, height default is auto. | N | | className | string | html property class. | N | | style | string | html property style. | N |