search

rubanraj54 / vue-bootstrap4-table

Advanced table based on Vue 2 and Bootstrap 4 ⚡️
MIT License
220 stars 58 forks source link

Clearing selected rows #37

Closed ojas360 closed 5 years ago

ojas360 commented 5 years ago

When i selected a row from the checkbox table and perform some action on the rows. The rows get unselected but the header checkbox remains checked. How do i unselect the rows explicitly from any method?

Example: image Here the rows 1 and 2 also selected but they are not showing. Actually they should be unselected from the header checkbox too.

rubanraj54 commented 5 years ago

Hi @ojas360

Sorry, I couldn't understand the problem. Could you please give me more information or a codepen example would be more easy to debug.

rubanraj54 commented 5 years ago

Hi @ojas360

currently What version are you using?

ojas360 commented 5 years ago

I am using version 1.1.2. The process i am following is:

On selection of rows, i m inserting rows into another array. After processing on that data i am modifying the rows of the datatable by using map() When i modify the rows, the rows get deselected on the UI, But they are actually selected (as shown in the image attached).

ojas360 commented 5 years ago

Currently made it working by assigning ref to the table and then

this.$refs.refname.unSelectAllItems();

Mominsami07 commented 2 years ago

Currently made it working by assigning ref to the table and then

this.$refs.refname.unSelectAllItems();

You saved me Man, Thanks a lot ☺