v-data-table-server expanded how to set in align columns of tables?

[Acenollari]

<v-data-table-server
:headers=”headers”
:items=”sortedClientCompanyData”
:expanded=”sortedClientCompanyData”
item-key=”client_company_id”
density=”compact”
:search=”searchQuery”
:show-expand=”true”
:expand-on-click=”isLoading”
class=”custom-elevation-header flex-table”
@update:options=”getData”
:items-length=”companyLicenseStore.companyLicenseLength”
v-model:page=”selectedPage”
v-model:items-per-page=”selectedItemsPerPage”
:mobile=”mobile”
>
<template v-slot:loading>
<v-skeleton-loader type=”table-row@5″></v-skeleton-loader
></template>
<template v-slot:expanded-row=”{ columns, item }”>
<td :colspan=”columns.length” class=”td-colspan”>
<v-data-table
:headers=”expandedHeaders”
:items=”item.companies”
:item-key=”item.company_id”
density=”compact”
hide-default-footer
hide-default-header
:mobile=”mobile”
>
</v-data-table>
</td>
</template>
</v-data-table-server>

[Author]

Posts