Angular Data Grid - Multiple Grids Example

You need to assign id attribute for each grid instance on a page to make them work simultaneously. If you use external filtering, assign grid-id to grid id and ng-change to associated gridActions (see example below). Project GitHub

First Grid

User Id Name Phone Date Of Birth
0 Fillip +375-29-599619 06/30/1983
1 Steve +375-29-763395 10/24/1983
2 Ann +375-29-232532 01/21/1977
3 Fillip +375-29-269529 12/10/2000
4 Fillip +375-29-462147 06/09/1989
5 Patrick +375-29-440281 08/26/1977
6 Fillip +375-29-628498 05/05/1983
7 Fillip +375-29-598054 04/17/1990
8 Fillip +375-29-496268 04/08/1987
9 Patrick +375-29-64239 06/15/1975

Second Grid

User Id Name Phone Date Of Birth
0 Fillip +375-29-281942 09/27/1994
1 Steve +375-29-150653 08/16/1970
2 Steve +375-29-501382 12/29/1988
3 Ben +375-29-788686 01/30/1987
4 Ben +375-29-436242 02/18/1980
5 Ann +375-29-194769 09/14/1972
6 Ben +375-29-12535 06/15/1973
7 Fillip +375-29-505492 07/14/1984
8 Ben +375-29-208119 07/09/2000
9 Ben +375-29-700398 01/24/1990