Q-table, @row-click not work within body-slot

What happened?

see as title said if useing body-slot in q-table, the event @row-click never work…

What did you expect to happen?

Im tring to use body-slot manage user clicked row bgc/border color, cuz no api to set this prop. Thus, try to use body-slot :class=‘is_current_clicked_row’, however the api @row-click never worked.

Reproduction URL

https://codepen.io/pen?&editors=101

How to reproduce?

    <q-table
      title="Treats"
      :rows="rows"
      :columns="columns"
      row-key="name"
      @row-click="current_clicked_row" //here
    >
      <template v-slot:body="props">
        <q-tr :props="props">
           ........... see https://quasar.dev/vue-components/table#body-slots

---

  setup () {
      let current_clicked_row = (evt, row, index)=>{
        console.log(index); // no data in console...
      }
  
    return {
      current_clicked_row,
      columns,
      rows
    }
  }

…

Flavour

Quasar CLI (@quasar/cli | @quasar/app)

Areas

Components (quasar)

Platforms/Browsers

Chrome

Quasar info output

V2.5.5 + VUE3

Relevant log output

No response

Additional context

No response

[metalsadman]

You need to add @click event to your q-tr.

this method only returns PointerClick event, not row or index. @row-click is still not working for q-tr or q-table while using a body-slot.

follow what Milos suggested.

[superuser-chi]

Hi @gowy222,

Make sure your data has a unique id and specify it in your q-table using the row-key prop