Examples: Table with Selection using body-slots

I had the same problem a while ago, but don’t fear, the props in the body slot provide you a way to select the row!

On your v-slot:body do this:

<template v-slot:body="props">
<q-tr :props="props" @click="props.selected = true">
        <q-td>
          <q-checkbox v-model="props.selected" color="primary" />
        </q-td>
        <q-td v-for="col in props.cols" :key="col.name" :props="props">{{
          col.value
        }}</q-td>
      </q-tr>
</template>

What I did there is to enable the selection by either clicking on the entire QRow OR the QCheckbox, the props.selected property iis a boolean that indicates whether the row is selected or not. as you can see, you can bind it to a checkbox since they output booleans. It’s stated in the QTable API documentation for the body slot, although there’s no examples for it.

Cheers, Daniel.

Thank you @hitostacha for providing the answer. I’d like to see that from more in the community, because this allows us to focus on more features.