Vuetable-2 : while implementing checkbox, only showing checkbox in first header row

Question

here is link to what i have done. https://codesandbox.io/s/vuetable-2-data-mode-with-pagination-using-data-manager-prop-9gv99

ginbarca · Answer 1 · 2020-10-10T13:17:12.547

0

    import { VuetableFieldCheckbox } from "vuetable-2";
    {
       name: VuetableFieldCheckbox,
       titleClass: 'center aligned',
       dataClass: 'center aligned'
    }

maybe due to update of vuetable, it must config like this. working with me

edited Oct 10 '20 at 13:17

answered Sep 28 '20 at 17:26

ginbarca

3
3

Generally, answers are much more helpful if they include an explanation of what the code is intended to do, and why that solves the problem without introducing others. – DCCoder Sep 28 '20 at 22:11

score 0 · Answer 2 · answered Apr 07 '21 at 16:23

I had the same problem. I solved it by registering the VuetableFieldCheckbox component globally. This is accomplished by adding these lines to the project's main.js file:

import { VuetableFieldCheckbox } from 'vuetable-2'

Vue.component('vuetable-field-checkbox', VuetableFieldCheckbox)

Note: any special field component that is referenced by the name: '__some-component' convention in a field definition must be registered globally in the same fashion as shown above.

Vuetable-2 : while implementing checkbox, only showing checkbox in first header row

2 Answers2