Selected elements are not showed on expanded table

[Acenollari]

I am working with an v-data-table with expand and i am facing an issue that selected elements (array) are not showed on my expanded v-data-table

<v-data-table
:items-per-page=”-1″
v-model=”selectedMenuItem”
item-key=”menuItemId”
show-select
return-object
density=”compact”
item-value=”menuItemId”
:headers=”menuHeaders”
class=”custom-elevation-header flex-table”
:items=”menuSchemaCp[0]?.details”
:show-expand=”false”
multi-sort
:mobile=”mobile”
>
<template v-slot:expanded-row=”{ columns, item }”>
<td :colspan=”columns.length” class=”td-colspan”>
{{ item.details }}
<span>item details——————- selected</span>
{{ selectedSubMenuItem }}
<v-data-table
:items-per-page=”-1″
hide-default-footer
density=”compact”
:key=”item.menuSubItemId”
item-value=”menuSubItemId”
:headers=”subMenuHeaders”
:items=”item.details”
hide-details
disable-sort
:model-value=”selectedSubMenuItem”
show-select
return-object
class=”elevation-1″
:mobile=”mobile”
>
</v-data-table>
</td>
</template>
</v-data-table>

• This topic was modified 1 year ago by Acenollari.

[Author]

Posts