Ext JS 4's brand new grid supports infinite scrolling, which enables you to load any number of records into a grid without paging.
The new grid uses a virtualized scrolling system to handle potentially infinite data sets without any impact on client side performance.
This example illustrates loading of all the records up front and buffering the rendering, but sorting is not enabled. Grid may be grouped by salary level.
For an example illustrating dynamically loading and sorting data take a look at the Forum example.
The code is not minified, see buffer-grid.js
Department: Administration
| |||||||||||||||||||||||
2 | 125440 | Nige Spencer | 07/08/1988 | 04/05/2021 | 2 weeks | 5 | 7 | 21 | 3 | $1,500.00 | |||||||||||||
3 | 320526 | Tommy Spencer | 01/24/1977 | 05/26/2024 | 2 weeks | 8 | 9 | 27 | 2 | $100.00 | |||||||||||||
4 | 323305 | Abe Maintz | 06/06/1971 | 07/30/2022 | 1 month | 4 | 9 | 24 | 4 | $900.00 | |||||||||||||
5 | 472471 | Nicolas Elias | 04/29/1985 | 07/24/2022 | 2 weeks | 9 | 8 | 34 | 3 | $900.00 | |||||||||||||
6 | 665112 | Abe White | 11/29/2002 | 03/16/2023 | 3 months | 9 | 6 | 22 | 2 | $100.00 | |||||||||||||
7 | 143211 | Jamie Elias | 03/20/1984 | 09/24/2022 | 2 weeks | 7 | 1 | 29 | 5 | $100.00 | |||||||||||||
8 | 366100 | Abe Maintz | 08/07/1996 | 09/04/2024 | 2 weeks | 7 | 7 | 39 | 4 | $100.00 | |||||||||||||
9 | 274713 | Tommy Ferrero | 12/25/1975 | 10/15/2021 | 2 weeks | 9 | 0 | 33 | 1 | $1,500.00 | |||||||||||||
10 | 312734 | Aaron Robinson | 08/09/1989 | 07/31/2020 | 2 weeks | 8 | 8 | 26 | 5 | $400.00 | |||||||||||||
11 | 665311 | Tommy Kaneda | 12/21/1991 | 12/21/2021 | 3 months | 6 | 10 | 26 | 5 | $900.00 | |||||||||||||
12 | 724320 | Nicolas Maintz | 04/09/1970 | 10/05/2024 | 3 months | 10 | 7 | 21 | 5 | $900.00 | |||||||||||||
13 | 253303 | Nige Davis | 11/02/1973 | 02/04/2023 | 2 weeks | 1 | 8 | 20 | 4 | $400.00 | |||||||||||||
14 | 771134 | Jay Avins | 08/20/1996 | 04/07/2020 | 2 weeks | 4 | 3 | 37 | 4 | $1,500.00 | |||||||||||||
15 | 626460 | Adam Ferrero | 05/08/1978 | 02/27/2020 | 3 months | 5 | 2 | 25 | 4 | $1,000,000.00 | |||||||||||||
16 | 441264 | Abe White | 08/12/1999 | 03/30/2020 | 3 months | 10 | 7 | 31 | 4 | $1,500.00 | |||||||||||||
17 | 647346 | Nige Robinson | 12/01/1982 | 02/13/2021 | 2 weeks | 1 | 6 | 21 | 1 | $1,500.00 | |||||||||||||
18 | 265515 | Abe Ferrero | 04/30/1980 | 05/19/2023 | 1 month | 6 | 7 | 22 | 4 | $100.00 | |||||||||||||
19 | 253475 | Jamie Robinson | 10/28/1974 | 03/21/2022 | 3 months | 7 | 1 | 36 | 4 | $100.00 | |||||||||||||
20 | 212410 | Jamie Maintz | 02/10/1977 | 01/27/2022 | 1 month | 3 | 7 | 40 | 4 | $1,500.00 | |||||||||||||
21 | 672574 | Nicolas Conran | 01/05/1994 | 03/06/2024 | 2 weeks | 5 | 4 | 34 | 1 | $400.00 | |||||||||||||
22 | 411500 | Abe Mishcon | 01/17/1997 | 10/03/2022 | 3 months | 3 | 6 | 31 | 2 | $900.00 | |||||||||||||
23 | 440233 | Abe Robinson | 04/02/2001 | 03/19/2022 | 3 months | 1 | 4 | 27 | 5 | $1,000,000.00 | |||||||||||||
24 | 201125 | Jamie Conran | 07/23/1992 | 10/16/2022 | 3 months | 7 | 0 | 35 | 1 | $1,500.00 | |||||||||||||
25 | 563111 | David Mishcon | 11/21/1983 | 12/11/2021 | 2 weeks | 10 | 8 | 35 | 3 | $1,500.00 | |||||||||||||
26 | 611246 | Jamie Robinson | 04/05/1997 | 08/12/2021 | 2 weeks | 0 | 5 | 32 | 2 | $1,500.00 | |||||||||||||
27 | 615510 | David Mishcon | 03/19/1989 | 10/22/2020 | 3 months | 5 | 4 | 22 | 3 | $100.00 | |||||||||||||
28 | 722442 | David Conran | 04/25/1973 | 12/01/2021 | 3 months | 1 | 2 | 29 | 4 | $1,000,000.00 | |||||||||||||
29 | 005302 | Jay White | 11/09/1972 | 08/11/2024 | 2 weeks | 4 | 3 | 27 | 2 | $1,000,000.00 | |||||||||||||
30 | 715601 | Ed Spencer | 11/10/1997 | 03/23/2021 | 1 month | 7 | 4 | 35 | 1 | $400.00 | |||||||||||||
31 | 370614 | Dave Spencer | 09/01/1982 | 08/05/2020 | 3 months | 0 | 6 | 31 | 5 | $1,500.00 | |||||||||||||
32 | 241220 | Jamie Ferrero | 02/25/1973 | 05/19/2024 | 2 weeks | 2 | 0 | 35 | 5 | $900.00 | |||||||||||||
33 | 534573 | Aaron Kaneda | 06/13/1998 | 04/19/2023 | 2 weeks | 9 | 2 | 23 | 2 | $100.00 | |||||||||||||
34 | 644126 | Tommy Ferrero | 01/22/1976 | 08/13/2020 | 1 month | 10 | 9 | 24 | 3 | $900.00 | |||||||||||||
35 | 577526 | Adam Maintz | 10/12/1992 | 02/15/2024 | 2 weeks | 2 | 8 | 40 | 2 | $100.00 | |||||||||||||
36 | 672126 | Abe Avins | 04/11/2002 | 05/16/2022 | 1 month | 4 | 2 | 35 | 2 | $1,500.00 | |||||||||||||
37 | 407721 | Ed Mishcon | 12/24/1990 | 03/22/2023 | 3 months | 3 | 0 | 34 | 1 | $100.00 | |||||||||||||
38 | 651030 | Jamie Conran | 02/28/1989 | 05/02/2021 | 3 months | 3 | 5 | 34 | 2 | $1,500.00 | |||||||||||||
39 | 634434 | Tommy Maintz | 12/17/1985 | 08/01/2020 | 2 weeks | 6 | 8 | 40 | 2 | $1,000,000.00 | |||||||||||||
40 | 270200 | Adam Conran | 06/23/1996 | 08/28/2024 | 2 weeks | 4 | 1 | 34 | 1 | $1,500.00 | |||||||||||||
41 | 256745 | Tommy Robinson | 11/26/1972 | 01/23/2024 | 2 weeks | 1 | 2 | 24 | 5 | $100.00 | |||||||||||||
42 | 545615 | Nige White | 07/14/1995 | 11/09/2019 | 3 months | 7 | 2 | 26 | 1 | $1,000,000.00 | |||||||||||||
43 | 017626 | David Avins | 10/12/1996 | 11/13/2022 | 3 months | 7 | 4 | 40 | 1 | $1,000,000.00 | |||||||||||||
44 | 651022 | Jamie Elias | 10/19/1971 | 07/21/2021 | 2 weeks | 10 | 3 | 32 | 1 | $1,000,000.00 | |||||||||||||
45 | 042537 | Nicolas Spencer | 09/14/1973 | 05/30/2021 | 3 months | 2 | 6 | 26 | 1 | $900.00 | |||||||||||||
46 | 114034 | Jay Maintz | 04/26/1988 | 07/13/2023 | 3 months | 4 | 3 | 40 | 2 | $1,000,000.00 | |||||||||||||
