DataGridXL — Features
NO KNOWN TOPIC
Compare with Handsontable
Comparing Performance
DataGridXL is known for its unbeaten performance. We're not talking about just scroll performance, but edit performance (update performance) and load performance as well.
In this Compare article, we'll take a look at the following measurements:
- Bundle Size
- First Render Time
- Sort Time
- Scroll Performance
Tests were performed on a 2023 Mac Mini, both on Safari and Google Chrome.
Bundle Size
Smaller is better.
| Handsontable | DataGridXL |
|---|---|
| 1.8 MB (1,800kb) | 300kb |
This makes DataGridXL 6 times smaller.
First Render Time
This benchmark was performed for a data set of 100,000 rows × 4 columns.
| Handsontable | DataGridXL |
|---|---|
| 530ms | 42ms |
This makes DataGridXL initial render time more than 10 times faster.
Sort Time
Below are the results for sorting 100,000 rows based on a single column.
| Handsontable | DataGridXL |
|---|---|
| 2400ms | 100ms |
This makes DataGridXL sort action more than 20 times faster.
Scroll Performance
We have recorded a user scroll action on both Handsontable and DataGridXL.
On the left is Handsontable. You'll see that the rendering has big trouble catching up with the user's scroll action.
On the right is DataGridXL. No matter how fast the user scrolls the grid, the data grid is right there with its exceptional performance.
