enter image description here
Hi, I am working with a Vuetify data table in my Vue.js project. I have an expandable row set up with an expand icon at the start of each row. However, there’s an extra expand icon showing at the end of each row that I want to remove. How can I achieve this?

<v-data-table v-if=”userRoleId != 3″ class=”DepartmentTable dataTableExpensionTable” :items=”missedRecords” :search=”search” :headers=”userHeaders” item-value=”id” id=”table-to-export” show-expand dense > <template v-slot:expanded-row=”{ columns, item }”> <td :colspan=”columns.length”> <v-data-table-virtual class=”subDataTables” :headers=”timeStudyHeadersTransplantSub” :items=”item.userTaskList” hide-default-footer > </v-data-table-virtual> </td> </template> </v-data-table> I want to show the title of the expandable content next to the expandable arrow in a v-data-table. Specifically, I would like the expandable […]

<v-data-table v-if=”userRoleId != 3″ class=”DepartmentTable dataTableExpensionTable” :items=”missedRecords” :search=”search” :headers=”userHeaders” item-value=”id” id=”table-to-export” show-expand dense > <template v-slot:expanded-row=”{ columns, item }”> <td :colspan=”columns.length”> <v-data-table-virtual class=”subDataTables” :headers=”timeStudyHeadersTransplantSub” :items=”item.userTaskList” hide-default-footer > </v-data-table-virtual> </td> </template> </v-data-table> I want to show the title of the expandable content next to the expandable arrow in a v-data-table. Specifically, I would like the expandable […]