Tengo una tabla de datos vuetify, he establecido el ancho para cada columna y quiero fijar el ancho de la columna de mi tabla, pero ha crecido debido a su contenido y no importa cuál sea el ancho de ellos. ¿Cómo se puede fijar el ancho de la columna?
<template> <v-data-table v-if="physicianAccountsLocalData" :headers="headers" :items="physicianAccountsLocalData" hide-default-footer class="data-table" :items-per-page="-1" > <template #[`item.isActive`]="props"> <BaseSwitch v-model="props.item.isActive" class="switch-siam-table" @change="changeModel($event, props)" /> </template> <template #[`item.location`]="props"> <span class="location" :class="{'text-disable-state': !props.item.isActive}" > {{ props.item.location }} </span> </template> <template #[`item.name`]="props"> <span class="name" :class="{'text-disable-state': !props.item.isActive}" > {{ props.item.name }} </span> </template> </v-data-table> </template> <script> data() { return { headers: [ { text: 'فعال', value: 'isActive', sortable: false, width: '110px', align: 'right' }, { text: 'نوع', value: 'location', sortable: false, width: '13%', align: 'start' }, { text: 'نام', value: 'name', sortable: false, width: '200px' } ], } } </script>