Vuetify v-data-table drag and resizable columns together

I'm using vuetify v-data-table. I implement drag column with SortableJs and also column resizable.

When I drag a column, it works properly but after that the resize does not work anymore.

<div id="app">
 <v-app id="inspire">
  <v-data-table :headers="headers" :items="desserts"
                sort-by="calories" 
                disable-sort
                v-sortable-table="{onEnd:sortTheHeadersAndUpdateTheKey}"
                :key="anIncreasingNumber" >

  </v-data-table>
 </v-app>
</div>

Here is my codepen

Thanks in advance.