React components for efficiently rendering large, scrollable lists and tabular data.
http://www.reactvirtualized.com/Tags | react react-component windowing virtualization list grid listview tabular-data performance reactjs virtual scrolling infinite virtualized table fixed header flexbox spreadsheet table-view infinite-scroll |
Implementation | Javascript |
License | MIT |
Platform | OS-Independent |
React components for efficiently rendering large, scrollable lists and tabular data
react reactjs virtual window windowed list scrolling infinite virtualized table grid spreadsheetThis 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.
Support Millions of cells and thousands of columns easy and efficiently for fast data rendering. Easy to use. The RevoGrid component helps represent a huge amount of data in a form of data table "excel like" or as list. On top of it it provides inbuilt range edit or per cell edit, keyboard support and custom edit and render features. Works in any major framework or with no framework at all.
export vuejs typescript reactive grid excel filter data-grid virtual-scroll datagrid vuejs-components react-virtualized webcomponent stenciljs virtual-grid vuegrid revo-grid excel-grid infinity-grid vuejs-grid revolist storybook virtualgrid virtual vue react react-grid vue-grid vue-datagrid fast-grid editable filteringThis 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 iosA versatile infinite scroll React component.ReactList depends on React.
react react-component table-view infinite-scrollA browser-ready efficient scrolling container based on UITableView
react react-component scrolling uitableview infinite table-view infinite-scrollHandsontable 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-spreadsheetThis 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-tableThe 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 virtualizedA 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 androidan 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-scrollNote: 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 androidLazyload your components, images or anything where performance matters.
lazyload react react-component table-view infinite-scrollInfiniteScrollView 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-viewReact 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 resizeReact-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-tableSwiper 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.
carousel swiper flatlist-based parallax-effect infinite-scroll advanced-effects react native slider flatlist scrollview parallax images infinite scroll scrolling items edge snap card cards stack deck tinder android ios snapping component rtlA fast and flexible grid component for React
list customization datagrid react plugins grid table react-component pagination sort react-components data-grid data-tableA React table component designed to allow presenting thousands of rows of data.
react react-component table data-table fixed-tableJspreadsheet CE is a lightweight Vanilla JavaScript plugin to create amazing web-based interactive HTML tables and spreadsheets compatible with other spreadsheet software. You can create an online spreadsheet table from a JS array, JSON, CSV or XSLX files. You can copy from excel and paste straight to your Jspreadsheet CE spreadsheet and vice versa. It is very easy to integrate any third party JavaScript plugins to create your own custom columns, custom editors, and customize any feature into your application. Jspreadsheet CE has plenty of different input options through its native column types to cover the most common web-based application requirements. It is a complete solution for web data management. Create amazing applications with Jspreadsheet CE JavaScript spreadsheet. React Implementation A full example on how to integrate Jspreadsheet CE with React.
js datatables excel table spreadsheet spreadsheets jexcel jspreadsheet online-spreadsheet tables grid grid-editor data-table data-grid data-spreadsheet
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.