CODEWITHSUNDEEP
angularngx-datatable
user3714269
user3714269

Reputation: 139

How to get row data onSelect event in ngx datatable

I am new to angular and ngx datatable. how to get row data on mouse click event

onClick(event) {
// I need to get row data here 
}

Upvotes: 9

Views: 26878

Answers (3)

sky91
sky91

Reputation: 3170

component.html file


(activate)="onActivate($event)"

OR

(select)="onSelect($event)"

component.ts file

onActivate(event) {
    if(event.type == 'click') {
        console.log(event.row);
    }
}

onSelect(event) {
    //event.type is undefined, use below:

    console.log(event.selected);
}

Note

  • If you are using (activate) event, you will get event, row, rowElement, type
  • If you are using (select) event, you will only get selected

Upvotes: 2

karan sharma
karan sharma

Reputation: 614

Just use (activate)="onActivate($event)" property on ngx-datatable like this

<ngx-datatable #table
    ....
    (activate)="onActivate($event)"
    ....
>

Then in TS file, use this method

onActivate(event) {
    if(event.type == 'click') {
        console.log(event.row);
    }
}

Upvotes: 24

canpan14
canpan14

Reputation: 1273

They have an example right here in the documentation

http://swimlane.github.io/ngx-datatable/#single-selection

Source code:

https://github.com/swimlane/ngx-datatable/blob/master/demo/selection/selection-single.component.ts

Upvotes: 1

Related Questions