Demos
Basics
Performance
Import
App Ideas
One Million Cells
DataGridXL has excellent scroll performance. The grid has its own lightweight virtual DOM implementation. It means that the grid does not actually have a million DOM nodes in memory. Only the columns are DOM nodes.
This approach is radically different from other products out there. Many other products will show you a "speedy" demo with perhaps 1,000 rows. Easy when rows only have a few columns. But DataGridXL is the only product that is perfectly able to keep scrolling smooth with hundreds of columns.
Code
<style>
#grid {
height: 400px;
border: 1px solid grey;
}
</style>
<div id="grid"></div>
<script src="https://code.datagridxl.com/datagridxl2.js"></script>
<script>
var grid = new DataGridXL("grid", {
data: DataGridXL.createDummyData(2000,500)
});
</script>
