Angular ui-grid header row selection, selects all rows

Question

I have created pagination using Angular ui-grid. My requirement is if i select header row of the grid then all rows should be selected on the same page. But it is selecting all rows in every page which are present in the pagination. Ex:- If i am on 1st page of pagination then it should select all rows on 1st page only. But now it is selecting all rows in next 10 pages.

Can you add some code from your component and the html template? — benPearce
– benPearce, Commented May 8, 2017 at 2:01
For your reference please check above plunker. In this example, if i click on header row then it selects all rows in current page as well as every next page. But i want it to select all rows on current page. Not on next or previous any page. — user6323582
– user6323582, Commented May 8, 2017 at 8:50
vm.gridApi.selection.on.rowSelectionChangedBatch($scope, function(row, event) { vm.rowSelectAllEvent(row, event, vm); }); — user6323582
– user6323582, Commented May 8, 2017 at 8:51
It passes array of objects in row to 'row' in above function. — user6323582
– user6323582, Commented May 8, 2017 at 8:52

Naishav Mehta · Accepted Answer · 2017-05-18 06:33:53Z

0

You can use

selectAllVisibleRows(event) Api

Refer: http://ui-grid.info/docs/#/api/ui.grid.selection.api:PublicApi

answered May 18, 2017 at 6:33

Naishav Mehta

3161 gold badge3 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Angular ui-grid header row selection, selects all 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