react-virtualized - React components for efficiently rendering large lists and tabular data

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

react-virtualized - React components for efficiently rendering large lists and tabular data

React components for efficiently rendering large, scrollable lists and tabular data

https://github.com/bvaughn/react-virtualized

Dependencies:

babel-runtime : ^6.23.0

classnames : ^2.2.3

dom-helpers : ^2.4.0 || ^3.0.0

loose-envify : ^1.3.0

prop-types : ^15.5.4

Tags	react react-components windowing virtualization list grid listview tabular-data performance reactjs react-component virtual scrolling infinite virtualized table fixed header flexbox spreadsheet table-view infinite-scroll
Implementation	Javascript
License	MIT
Platform	OS-Independent

Related Projects

react-window - React components for efficiently rendering large lists and tabular data

Javascript

React components for efficiently rendering large, scrollable lists and tabular data

react reactjs virtual window windowed list scrolling infinite virtualized table grid spreadsheet

virtual-scroller

This repository hosts explorations for a new web platform feature, a virtual scroller control. The idea of a virtual scroller is to provide a scrolling "viewport" onto some content, allow extremely large numbers of elements to exist, but maintain high performance by only paying the cost for those that are currently visible. Traditionally, we say that the non-visible content is virtualized. Virtualized content is a popular and important pattern on the web. Most content uses it in some form: the https://m.twitter.com and https://facebook.com feeds; Google Photos and YouTube comments; and many news sites which have an automatic "scroll to next article" feature. Most popular frameworks have at least one high-usage virtualization component, e.g. React Virtualized with ~290K weekly downloads. See the infinite list study group for more research on existing virtualization solutions, both on the web and in other platforms like iOS.

react-native-ultimate-listview - A high performance FlatList providing customised pull-to-refresh | auto-pagination & infinite-scrolling | gridview layout | swipeable-row

Javascript

This module supports both of iOS and Android platforms. Know Issue (v3.3.0): On Android, if you are using CustomRefreshView, and the total hight of your first load data is less than your device height, then the RefreshView may still sticky on the top. However, if the data you loaded is beyond your screen, everything's fine. This issue only happen on Android, any PR is welcome.

listview pull-to-refresh infinite-scroll gridview es6 flatlist react-native scrollview refreshable-scrollview sectionlist virtualizedlist refreshable auto-pagination infinite-scrolling swipeable-row native-base react-component react-native-component android ios

react-list - :scroll: A versatile infinite scroll React component.

Javascript

A versatile infinite scroll React component.ReactList depends on React.

react react-component table-view infinite-scroll

react-infinite - A browser-ready efficient scrolling container based on UITableView

Javascript

A browser-ready efficient scrolling container based on UITableView

react react-component scrolling uitableview infinite table-view infinite-scroll

fixed-data-table - A React table component designed to allow presenting thousands of rows of data.

Javascript

This project is no longer maintained. We will not be accepting pull requests, addressing issues, nor making future releases. FixedDataTable is a React component for building and presenting data in a flexible, powerful way. It supports standard table features, like headers, columns, rows, header groupings, and both fixed-position and scrolling columns.

react react-component table data-table fixed-table

react-base-table - A react table component to display large datasets with high performance and flexibility

Javascript

The examples don't work on IE as they are powered by react-runner which is a react-live like library but only for modern browsers.

react table component grid virtualized

Handsontable - JavaScript/HTML5 UI Spreadsheet library for web apps. Available for React, Vue and Angular

Javascript

Handsontable Community Edition (CE) is an open source JavaScript/HTML5 UI Spreadsheet component for web apps. It easily integrates with any data source and comes with a variety of useful features like data binding, validation, sorting or powerful context menu. It is available for Vue, React, Angular and Polymer.

spreadsheet data-grid grid-editor dynamic-table component data-binding data grid table editor data-table excel tabular-data edit-cell editable-table data-spreadsheet

react-native-gifted-listview - ✌️ ListView with pull-to-refresh and infinite scrolling for Android and iOS React-Native apps

Javascript

A ListView with pull-to-refresh, infinite scrolling and more for Android and iOS React-Native apps

pull-to-refresh refreshable listview infinite-scrolling react-component react-native ios android

react-lazyload - Lazy load your component, image or anything matters the performance.

Javascript

Lazyload your components, images or anything where performance matters.

lazyload react react-component table-view infinite-scroll

react-native-parallax-scroll-view - A ScrollView-like component with parallax and sticky header support

Javascript

Note: For React Native 0.19.0 and earlier, you'll want to use react-native-parallax-scroll-view@0.17.4. Version 0.18.0 changes the scrolling API to be compatible with React Native 0.20.0. Please refer to the ListView example provided to see how ParallaxScrollView can be used in combination with ListView.

react-native react parallax scrollable scrollview sticky react-component ios android

react-pivot - React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration

Javascript

React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration.

react browserify calculations data-grid data excel grid pagination pivot react-component sort react-components table data-table

react-native-infinite-scroll-view - An infinitely scrolling view that notifies you as the scroll offset approaches the bottom

Javascript

InfiniteScrollView is a React Native scroll view that notifies you as the scroll offset approaches the bottom. You can instruct it to display a loading indicator while you load more content. This is a common design in feeds. InfiniteScrollView also supports horizontal scroll views. It conforms to ScrollableMixin so you can compose it with other scrollable components.

react-native infinite pagination scroll-view

react-infinity - A UITableView Inspired list and grid display solution with element culling and smooth animations

Javascript

an implementation of the UITableView from iOS for the web

react react-component infinity famo.us famous animation ui uitableview tableview culling memory table-view infinite-scroll

Griddle - Simple Grid Component written in React

Javascript

A fast and flexible grid component for React

list customization datagrid react plugins grid table react-component pagination sort react-components data-grid data-table

react-bootstrap-table - A Bootstrap table built with React.js

Javascript

It's a react table for bootstrap

bootstrap-table react react-table table bootstrap grid react-component react-components data-grid data-table

react-absolute-grid - An absolutely positioned, animated, filterable, sortable, drag and droppable, ES6 grid for React

Javascript

An absolute layout grid with animations, filtering, zooming, and drag and drop support. Use your own component as the grid item. See the Demo. The idea behind AbsoluteGrid is high performance. This is achieved by using Translate3d to position each item in the layout. Items are never removed from the DOM, instead they are hidden. For best performance you should avoid re-arranging or removing items which you pass into AbsoluteGrid, instead you can use the filtered and sort properties to hide or sort an item. Those properties are customizable using the keyProp and filterProp properties. In addition, all data passed must be immutable so that we don't waste any renders.

react reactjs reactjs-components react-component react-components

react-data-grid - Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like http://adazzle

Javascript

Data grid for React

react grid react-component react-components data-grid table data-table

react-dimensions - [Looking for maintainers]

Javascript

React higher-order component to get the dimensions of a wrapper element and pass them as properties to the child element. DEVELOPMENT STATUS: I'm not really using this any more since for grids/tables in React I've switched from fixed-data-table (which I was using this for) to react-virtualized which includes similar functionality to this with the Autosizer. I'm happy for someone else to take this module on.

react dimensions width resize

react-native-snap-carousel - Swiper/carousel component for React Native with previews, multiple layouts, parallax images, performant handling of huge numbers of items, and RTL support

Javascript

Swiper component for React Native featuring previews, multiple layouts, parallax images, performant handling of huge numbers of items, and RTL support. Compatible with Android & iOS. This app is available on Android and iOS. It uses version 3.2.0 of the plugin, with FlatList's implementation and parallax images.