Vuesax: multiple vs-table

[madn3z]

Hello,

The "check all" function does not work in this demo.

https://lusaxweb.github.io/vuesax/components/table.html#multiple-selected

Regards

[shivamguys]

Fix it team?

[joaodos3v]

I have the same problem :+1:

[mehniyarif]

my solution render function editing.

copy and import components inside the repository in the project
https://github.com/mehniyarif/Vs-table-select-all-solution

[nitogel]

In my opinion, the main problem is a vs-checkbox component. It doesn't emit click event. It emits only two types of events such as 'input' and 'change'. In the vsTable.vue we can see @click="changeCheckedMultiple" in vs-checkbox, at the same time in VSTr.vue we can see @change="handleCheckbox". That's why it's work in TR and doesn't work in vsTable.vue.

The solution is to change @click="changeCheckedMultiple" to @change="changeCheckedMultiple" in vsTable.vue

I have created PR #854

[cedvan]

Hum, or add click emit to vs checkbox for more compliant

[cedvan]

This bug origin : https://github.com/lusaxweb/vuesax/commit/37e43cbb94f7fac1a4ccb5f721f4b7489213938e#diff-918c93b93249157f4a990d7e02d0c0ab

[cedvan]

Just extend VsCheckBox to fix :

const BaseVsCheckbox = Vue.options.components.VsCheckbox
const VsCheckbox = BaseVsCheckbox.extend({
  computed: {
    listeners () {
      return {
        ...this.$listeners
      }
    }
  }
})

Vue.component('VsCheckbox', VsCheckbox)

[victorybiz]

Thank you @cedvan, your solution worked...

[lichen404]

@cedvan first,thank you,but I find your solution cause another bug.if you use tag in your webpage,you will find it cannot be turned down by user click

[lichen404]

update vuesax version can fix this issue

[arieslee]

my solution render function editing.

copy and import components inside the repository in the project
https://github.com/mehniyarif/Vs-table-select-all-solution

this link is not found