Vuetify: [Bug Report] v-data-table expand function in item slot expands all rows

Created on 30 Aug 2019  路  6Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.0.11
Vue Version: 2.6.10
Browsers: Firefox 68.0
OS: Mac OS 10.14

Steps to reproduce

Use item slot and expanded-item slot in v-data-table.

Expected Behavior

The expand should open only the item clicked

Actual Behavior

It expands all the rows.

Reproduction Link

https://codepen.io/andrevferreira/pen/bGbrwbN

VDataTable
Source
picture andreskeeled
👍1

Most helpful comment

Your items need a unique key. id by default, or use item-key for custom

picture randanunn on 30 Aug 2019
👍8 ❤2

All 6 comments

Your items need a unique key. id by default, or use item-key for custom

randanunn picture randanunn on 30 Aug 2019
👍8 ❤2

Thank you @randanunn !

andreskeeled picture andreskeeled on 3 Sep 2019

@randanunn thx

azabroflovski picture azabroflovski on 6 Dec 2019

@randanunn not evident at all, many thanks for this!

jquinter picture jquinter on 18 Dec 2019

Maybe consider adding ID to the demo at https://vuetifyjs.com/en/components/data-tables/#expandable-rows

It works but doesn't seem to include ID.

rossginn picture rossginn on 14 Sep 2020

It uses item-key to specify a custom id property.

nekosaur picture nekosaur on 14 Sep 2020
Was this page helpful?
0 / 5 - 0 ratings

Related issues

SteffenDE picture SteffenDE  路  3Comments
itanka9 picture itanka9  路  3Comments
Webifi picture Webifi  路  3Comments
milleraa picture milleraa  路  3Comments
Antway picture Antway  路  3Comments