Q-Table click-row feature (instead of checkbox)

Is your feature request related to a problem? Please describe. No, it’s not a problem.

Describe the solution you’d like I will love if you put an attribute for QTable to select a row clicking on TR, without using checkboxes (or emit @selection always, even if I’m not on selection mode)

Describe alternatives you’ve considered The alternative is to use a @click.native on TR, but I have to rewrite both header and body:

<template v-slot:header="props">
  <q-tr :props="props">
    <q-th v-for="col in props.cols" :key="col.name" :props="props">
      {{ col.label }}
    </q-th>
  </q-tr>
</template>

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

[smolinari]

@CrawfordW

Not sure my code for selection and de-selection for multiple rows is as elegant as it could be, but you should get the gist of it. 😄

https://codepen.io/smolinari/pen/WNvWMvB?editors=1011

Scott

[dariodepaolis]

Sure I can create my own component and program the slots once, but sometimes, as developer, we are really lazy and want to use a component with zero code 😛 something like: <q-table :data=... :columns=... selection="single-row" :selected.sync="selected"/>

Like Bootstrap-Vue or Buefy for instance