All Projects → react-component → Virtual List

react-component / Virtual List

🧾 React Virtual List Component which worked with animation

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Virtual List

react-antd-formutil
Happy to use react-formutil in the project based on ant-design ^_^
Stars: ✭ 16 (-93.1%)
Mutual labels:  react-component, antd, ant-design
Antd Schema Form
Based on Ant Design, interactive forms can be generated through JSON Schema configuration. - 基于Ant Design,可以通过JSON Schema配置生成可交互的表单。
Stars: ✭ 137 (-40.95%)
Mutual labels:  antd, react-component, ant-design
picker
📅 All Date Pickers you need.
Stars: ✭ 185 (-20.26%)
Mutual labels:  react-component, antd, ant-design
Sunflower
🦹 Process components for antd4 & antd3 by alipay industry technology
Stars: ✭ 441 (+90.09%)
Mutual labels:  antd, react-component, ant-design
Spring Security React Ant Design Polls App
Full Stack Polls App built using Spring Boot, Spring Security, JWT, React, and Ant Design
Stars: ✭ 1,336 (+475.86%)
Mutual labels:  antd, ant-design
React Antd Admin
用React和Ant Design搭建的一个通用管理后台
Stars: ✭ 1,313 (+465.95%)
Mutual labels:  antd, ant-design
Ant Plus
🔺 Ant Design 表单简化版
Stars: ✭ 212 (-8.62%)
Mutual labels:  antd, ant-design
Vuepress Theme Antdocs
🔥🎨 An Ant Design style theme for VuePress. (QQ Group: 867711329)
Stars: ✭ 147 (-36.64%)
Mutual labels:  antd, ant-design
Fc Angular
快速搭建angular后台管理系统的admin template。Fast development platform based on angular8, ng.ant.design built multi-tab page background management system (continuous upgrade) ^_^
Stars: ✭ 171 (-26.29%)
Mutual labels:  antd, ant-design
Laravel React Blog
基于 Laravel 5.5 和 React 的个人博客系统
Stars: ✭ 226 (-2.59%)
Mutual labels:  antd, ant-design
React Ui Roundup
A one-stop-shop for comparing the features of all the best React frameworks. Useful for designers and engineers alike!
Stars: ✭ 177 (-23.71%)
Mutual labels:  antd, ant-design
Ant Back
🚀 react后台,后台管理系统
Stars: ✭ 90 (-61.21%)
Mutual labels:  antd, ant-design
Ant Design Pro Plus
✨ 基于 ant-design-pro 做一些微小的工作。
Stars: ✭ 88 (-62.07%)
Mutual labels:  antd, ant-design
Antv
Ant Design of Vue.js 2.0
Stars: ✭ 99 (-57.33%)
Mutual labels:  antd, ant-design
Ant Design Mobile
Fluent and powerful mobile component library based on React.
Stars: ✭ 9,489 (+3990.09%)
Mutual labels:  antd, ant-design
React Antd Multi Tabs Admin
ts+react+antd-多页签后台模板(纯净版,非 antd pro!)
Stars: ✭ 73 (-68.53%)
Mutual labels:  antd, ant-design
Abp React Antd
一个基于 ABP + React + Ant Design Pro 的快速开发框架
Stars: ✭ 175 (-24.57%)
Mutual labels:  antd, ant-design
Vue Antd Admin
🐜 Ant Design Pro's implementation with Vue
Stars: ✭ 2,766 (+1092.24%)
Mutual labels:  antd, ant-design
Antd Img Crop
🔪 An image cropper for Ant Design Upload
Stars: ✭ 207 (-10.78%)
Mutual labels:  antd, ant-design
Ant Design Vue Pro
👨🏻‍💻👩🏻‍💻 Use Ant Design Vue like a Pro!
Stars: ✭ 8,965 (+3764.22%)
Mutual labels:  antd, ant-design

rc-virtual-list

React Virtual List Component which worked with animation.

NPM version build status Test coverage node version npm download

Development

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

Feature

  • Support react.js
  • Support animation
  • Support IE11+

Install

rc-virtual-list

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 -

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].