Unable to get selected rows data

[kevalgw]

Hello,

I want to fetch selected rows data from my data grid. But i am getting the following error.
Note: I am using IGX version 10.x

Here is my Html tag

Here is my code in ts file

I am calling the below function on click

But it is giving me above error
Please respond with a solution to fetch selected row data in current version

[georgianastasov]

Hello @kevalgw,

The way you try to set the selected rows in the igx-grid and then retrieve them is the correct way to do it, but for version 14.x of Ignite UI Angular, as there have been several changes between version 10 and 14.

First, the selectedRows property on the igx-grid is not available in version 10.x. It has been introduced in the newer supported versions of Ignite UI Angular. What I can suggest is to use the selectRows() method and select the rows you want in the ngAfterViewInit hook.

Second, retrieving the selected rows in version 10.x can be done with the selectedRows() method. In later supported versions, this is done with the selectedRows accessor.

Having in mind that igniteui-angular version 10.x is considered retired and is no longer eligible for Developer Support Services, to achieve your requirement and take advantage of all introduced features and enhancements, I would suggest upgrading to the latest version i.e. 14.

In addition, I have prepared a small sample demonstrating my suggestion and it could be found here.

[kevalgw]

Hi @georgianastasov

Thanks for the reply ,