table custom header

I am sorry if I am asking in a wrong place… I am at my very beginning with vue, and I have browsed all issues and I couldn’t find an answer… Thanks in advance if any tips.

This is what I want to do, to place a checkbox in the table header so that it can be used to toggle select all / unselect all:

I tried to put the following in the field json:

        cbSelected: {
          label: `<span><b-form-checkbox v-model="selectAll" value="checked" unchecked-value="unchecked">All / 全選
        </b-form-checkbox></span>`
        },
...

obviously it is not working as I thought it would, but you can tell that the ‘All / 全選’ string does get printed out on web (just not the checkbox)

hmmm. can you help me to get a checkbox shown beside the tag string? Thank you so much.

[neildchen]

Thanks for the note. I will try it out and come back if any questions. Thank you.

[neildchen]

Yeah! Thank you! Can’t wait to try it out.