Angular Datatables get all selected rows

Question

I am using Angular Datatables in one of the application and have used the select extension as specified in the documentation like the following:

<table class="table animate__animated animate__fadeIn" datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" [id]="tableId">

</table>

and the options are defined as follows:

    this.dtOptions = {
        info: false,
        order: [],
        select: true,
        dom: 'Bfrtip',
        buttons: [
            'selectAll',
            'selectNone'
        ]
    };
}

Now the select functionality is working fine, but I need to get the selected rows when I click on a button. How can I do this ? Is there any option in the Datatables API for accessing selected rows ?

Documentation - https://l-lin.github.io/angular-datatables/#/extensions/select

In the core datatables, there is an option for adding the action callback. But not sure whether it will work with selectAll

Please find it here: l-lin.github.io/angular-datatables/#/extensions/select — Happy Coder
– Happy Coder, Commented Sep 22, 2020 at 11:23

Dani · Accepted Answer · 2020-09-23 14:45:20Z

1

Get selected rows:

myTable.rows({ selected: true })

Get data of selected rows:

myTable.rows({ selected: true }).data()

Get id's os selected rows (For this is usefull use rowId and ajax) :

myTable.rows({ selected: true }).ids()

And then with this information, stored in a variable, you can iterate, filter... etc.

answered Sep 23, 2020 at 14:45

Dani

2,0862 gold badges20 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular Datatables get all selected rows

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related