Hi Ted,

It would seem that there is not an out-of-the box method to navigate the grid to a record on a different page. Additionally, by looking at a paginated grid, the row indexes start from 0 on each page, so using a “global” index would not work indeed. Having this in mind, you are on the right track to implementing this with the help of some calculations.

What I can add to this approach, though, is that you do not have to manually set the scroll positions of the grid. It would suffice to set the paginator’s page to the calculated (0-based) number and then calculate the 0-based index of the target record on the target page and use the navigateTo method with it, for instance:

  ngAfterViewInit(): void {
    requestAnimationFrame(() => {
      const idx = 176; // not 0-based
      if (idx > this.paginator.page * this.paginator.perPage) {
        const newPage = Math.ceil(idx / this.grid1.perPage);
        this.grid1.page = newPage - 1;


        const newIdx = idx - this.paginator.perPage * this.paginator.page - 1; // in case the index -based, do not subtract 1 here;
        this.grid1.navigateTo(newIdx);
      } else {
        this.grid1.navigateTo(idx);
      }
    });
  }

Here is a small sample demonstrating this suggestion. I hope it helps.

Best regards,
Bozhidara Pachilova