Q-Table - How Can I expand all rows at once?

donsherman

Is there somehow a possibility to put another q-toggle into a q-tables header for expanding all rows at once?

Beside a q-toggle to select all

<template v-slot:header-selection="scope">
       <q-toggle v-model="scope.selected" />
</template>

The problem is: how to get ‘props’ into here? Or do i need a complete another approach to do that?

s.molinari

You could do it like this.

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

Scott

donsherman

Thanks. But how can I combine it with the selection all q-toggle in the header section?
To have both: a q-toggle to select all rows and a q-toggle to expand all rows?

s.molinari

The same way. Instead of using the button, as I have. Use a toggle in the top-right section.

Scott