I am attempting to deactivate the draggable function for the first 2 columns. I have tried using options in the draggable plugin.
:options="{disabled : 'Subject'}"
However, this disables the draggable functionality for all headers.
<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>