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 Ann +375-29-282549 11/15/1974
1 Ben +375-29-541356 01/27/1991
2 Ben +375-29-902329 12/22/1979
3 Fillip +375-29-930946 03/09/1987
4 Ben +375-29-215911 11/24/1998
5 Fillip +375-29-304596 04/02/1977
6 Patrick +375-29-467028 06/05/1994
7 Steve +375-29-215925 04/24/1995
8 Ben +375-29-212989 03/15/1994
9 Ben +375-29-127490 05/10/1994

Second Grid

User Id Name Phone Date Of Birth
0 Fillip +375-29-811350 09/30/1992
1 Bob +375-29-614222 05/23/1976
2 Ann +375-29-16817 05/24/1973
3 Fillip +375-29-505548 07/11/1998
4 Fillip +375-29-336327 03/28/1998
5 Patrick +375-29-860982 05/07/1970
6 Patrick +375-29-524511 08/12/1998
7 Bob +375-29-388118 08/06/1995
8 Fillip +375-29-263294 02/20/1990
9 Patrick +375-29-96448 09/04/1979