[SOLVED] How to hide SELECT ALL chekbox whithin q-table

[nobilik]

Hi! I’ve found this post, but it seems bit outdated. I can’t do it this way. I need to disable or hide “select all” checkbox, so user can select rows just one by one.

By the way, I also can’t understand how to do this with any of row? What is a body-cell-name for the selection column?
Help please!

[s.molinari]

So you want multiple selection, but without being able to select all rows at once?

Scott

[nobilik]

@s-molinari It’s correct. And I want to disable row checkbox by some condition

[s.molinari]

I think you might need to build it yourself. Something like this.

https://codepen.io/smolinari/pen/vYNgjKV?editors=1010

Scott

[s.molinari]

I’ll leave that one up to you.

Scott

[metalsadman]

@nobilik you can also take this example https://quasar.dev/vue-components/table#Example--External-expansion-model, and go on about it by https://codepen.io/metalsadman/pen/bGVgxPw.

[nobilik]

@s-molinari Thanks, it works. But I have problem with reactivity, because data comes from API, so I need to add the “checked” column to rows… However, this time I did it on the server side, but it’s not right way. Can you advise me about right way to do it?

[qyloxe]

@nobilik if you need more serious datasets, synced with server, reactive, queryable, then instead of inventing just another wheel, it is easier to use something like this:
https://vuex-orm.org/guide/prologue/what-is-vuex-orm.html

the main advantage is that this library normalizes the structured data from the server, and because of that, all your data could be reactice …and queryable, sortable, searchable, filterable, eeee all -ables.

[nobilik]

Thanks to all! solved