Vuetify Data Table expand columns how to add expand button

I am new to Vuetify I and want to add expandable rows to my table. How can I add { text: '', value: 'data-table-expand' } to my headers?

My headers look like the following:

 headers: VuetifyDataTableHeader<
      IncidentNotificationPlan & {
        inpOperation: unknown;
        inpActionTypeIcon: unknown;
        ttaat: string;
        dueTime: string;
        inpActionOperation: unknown;
      }
    >[] = [
      { text: $t('Ticket'), value: 'ticketNumber', width: '15%' },
      { text: '', value: 'user', width: '68px' },
      { text: $t('Plan Name'), value: 'name' },
      { text: '', value: 'inpOperation', width: '120px' },
      { text: $t('Host(s)'), value: 'hosts', width: '18%' },
      { text: $t('Action'), value: 'inpActionTypeIcon', width: '90px' },
      { text: $t('TTAAT'), value: 'ttaat', width: '90px' },
      { text: $t('Due Time'), value: 'dueTime', width: '120px' },
      { text: '', value: 'inpActionOperation', width: '120px' },
    ];

I want the icon to be displayed in the column of hosts. Can anybody help me out?

How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum