All Projects → developit → Scroll List

developit / Scroll List

Licence: bsd-3-clause
📜 An infinitely scrollable list/datagrid. Handles millions of rows.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to Scroll List

natural js
Natural-JS : Javascript Front-End Architecture Framework
Stars: ✭ 35 (-27.08%)
Mutual labels:  datagrid
Ngx Datatable
✨ A feature-rich yet lightweight data-table crafted for Angular
Stars: ✭ 4,415 (+9097.92%)
Mutual labels:  datagrid
Primeng
The Most Complete Angular UI Component Library
Stars: ✭ 7,180 (+14858.33%)
Mutual labels:  datagrid
Material Table
Datatable for React based on material-ui's table with additional features
Stars: ✭ 3,198 (+6562.5%)
Mutual labels:  datagrid
Gijgo
Gijgo - Free Javascript Controls
Stars: ✭ 424 (+783.33%)
Mutual labels:  datagrid
Datatable
A simple, modern and interactive datatable library for the web
Stars: ✭ 587 (+1122.92%)
Mutual labels:  datagrid
react-table-library
🍱 React Table Library
Stars: ✭ 135 (+181.25%)
Mutual labels:  datagrid
Infinispan
Infinispan is an open source data grid platform and highly scalable NoSQL cloud data store.
Stars: ✭ 862 (+1695.83%)
Mutual labels:  datagrid
Apydatagridbundle
Symfony Datagrid Bundle
Stars: ✭ 452 (+841.67%)
Mutual labels:  datagrid
Raytools
A very simple lightweight jQuery Data Grid table that uses jQuery & Bootstrap.
Stars: ✭ 5 (-89.58%)
Mutual labels:  datagrid
Reactgrid
Add spreadsheet-like behavior to your React app
Stars: ✭ 289 (+502.08%)
Mutual labels:  datagrid
Datatablesbundle
This Bundle integrates the jQuery DataTables plugin into your Symfony application.
Stars: ✭ 334 (+595.83%)
Mutual labels:  datagrid
Canvas Datagrid
Canvas based data grid web component. Capable of displaying millions of contiguous hierarchical rows and columns without paging or loading, on a single canvas element.
Stars: ✭ 798 (+1562.5%)
Mutual labels:  datagrid
Tableview
TableView is a powerful Android library for displaying complex data structures and rendering tabular data composed of rows, columns and cells.
Stars: ✭ 2,928 (+6000%)
Mutual labels:  datagrid
Codeigniter Smartgrid
A simple PHP datagrid control for CodeIgniter framework with Bootstrap
Stars: ✭ 16 (-66.67%)
Mutual labels:  datagrid
blazor-ui
A collection of examples related to Telerik UI for Blazor Components: https://www.telerik.com/blazor-ui
Stars: ✭ 182 (+279.17%)
Mutual labels:  datagrid
Hazelcast
Open-source distributed computation and storage platform
Stars: ✭ 4,662 (+9612.5%)
Mutual labels:  datagrid
Datagrid
Datagrid for Laravel v5
Stars: ✭ 44 (-8.33%)
Mutual labels:  datagrid
Lightning Data Grid
A data grid for Lightning Component Framework
Stars: ✭ 24 (-50%)
Mutual labels:  datagrid
Sensei Grid
Simple and lightweight data grid in JS/HTML
Stars: ✭ 808 (+1583.33%)
Mutual labels:  datagrid

ScrollList

An infinitely scrollable list/datagrid.
Throw millions of rows at it, it won't even affect performance.
JSFiddle Demo

Usage

var list = new ScrollList({
	// use `transform:translateY()` instead of `top` to offset contents?
	useTransforms : false,
	
	// debounce scroll events using requestAnimationFrame()?
	bufferedScrolling : true,
	
	// provide a DOM node to clone, used as a template for each row
	template : document.getElementById('row-template').content.firstElementChild
});

// insert the list into an element:
list.insertInto(document.body);

// generate and display 1,000,000 rows
var mil = [];
for (var i=1e6; i--; ) {
    mil[i] = {a:i+'a', b:i+'b', c:i+'c'};
}
list.setData(mil);

// later on, select a row:
list.data[5].selected = true;
list.update();
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].