Estoy tratando de deshabilitar la función arrastrable para las primeras 2 columnas. Probé opciones en arrastrable.
:options="{disabled : 'Subject'}"pero deshabilita la funcionalidad arrastrable de todos los encabezados
<thead class="not-as-small helpdesk-ticket-head"> <draggable v-model="headerColumn" tag="tr" v-bind="dragOptions" > <th v-for="(header, index) in selectedColumnsHeader" :key="header.title" :class="{ 'table-data--sticky': stickyColumns(index) }" scope="col" > {{ header.title }} </th> </draggable> </thead>Agregar método en arrastrable: mueva que verifique el título del encabezado si coincide con el tema, devolverá falso y no podrá arrastrar
<draggable v-model="headerColumn" v-bind="dragOptions" tag="tr" :move="checkHeader" > checkHeader(value) { if (value.draggableContext.element.title == 'Subject') { return false; } return true; }