mates-grid
mates-grid
Infinite Row Model
Provide a datasource.getRows callback instead of row data. The grid requests blocks by start/end row, plus the current sort and filter models.
1,000 server rows, 100 per block
Scroll to load the next block. Floating filters and sort are applied in the mock server. Refresh or purge the cache from the atom.
Name
Region
Amount
Qty
Person 0001 · Ada Lovelace
EMEA
20
1
Person 0002 · Grace Hopper
APAC
57
2
Person 0003 · Linus Torvalds
Americas
94
3
Person 0004 · Margaret Hamilton
EMEA
131
4
Person 0005 · Dennis Ritchie
APAC
168
5
Person 0006 · Barbara Liskov
Americas
205
6
Person 0007 · Alan Turing
EMEA
242
7
Person 0008 · Katherine Johnson
APAC
279
8
Person 0009 · Donald Knuth
Americas
316
9
Person 0010 · Radia Perlman
EMEA
353
1
Person 0011 · Ken Thompson
APAC
390
2
Person 0012 · Frances Allen
Americas
427
3
Person 0013 · Ada Lovelace
EMEA
464
4
Person 0014 · Grace Hopper
APAC
21
5
Person 0015 · Linus Torvalds
Americas
58
6
Person 0016 · Margaret Hamilton
EMEA
95
7
Person 0017 · Dennis Ritchie
APAC
132
8
Person 0018 · Barbara Liskov
Americas
169
9
Person 0019 · Alan Turing
EMEA
206
1
Person 0020 · Katherine Johnson
APAC
243
2
gridAtom({
datasource: {
getRows: (params) => {
fetchPage(params).then((page) =>
params.successCallback(page.rows, page.total),
);
},
},
cacheBlockSize: 100,
});