diff --git a/jero-web/src/views/regulationsKanban/components/addModel.vue b/jero-web/src/views/regulationsKanban/components/addModel.vue
index ed5a9a2ef..c0f6c02d3 100644
--- a/jero-web/src/views/regulationsKanban/components/addModel.vue
+++ b/jero-web/src/views/regulationsKanban/components/addModel.vue
@@ -66,6 +66,7 @@
       ref='table'
       size='middle'
       rowKey='id'
+      :components="drag(columns,'columns')"
       :columns='columns'
       :dataSource='areaTable'
       :pagination='false'
@@ -159,10 +160,12 @@
   import axios from 'axios'
   import Vue from 'vue'
   import { ACCESS_TOKEN } from '@/store/mutation-types'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'diolagArea',
     components: {},
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         token: Vue.ls.get(ACCESS_TOKEN),
diff --git a/jero-web/src/views/regulationsKanban/index.vue b/jero-web/src/views/regulationsKanban/index.vue
index 1ce4af1f4..7bce34131 100644
--- a/jero-web/src/views/regulationsKanban/index.vue
+++ b/jero-web/src/views/regulationsKanban/index.vue
@@ -84,6 +84,7 @@
       <a-table
         class="table"
         rowKey="id"
+        :components="drag(columns,'columns')"
         :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
         :pagination="false"
         :scroll="{x: '100%',y:'calc(100vh - 155px)'}"
@@ -136,6 +137,7 @@ import { ACCESS_TOKEN } from '@/store/mutation-types'
 // import eventBUs from '../../../common/event'
 import Vue from 'vue'
 import moment from 'moment'
+import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
 export default {
   name: 'index',
@@ -143,6 +145,7 @@ export default {
     ExportHistory,
     globalAdvancedQuery
   },
+  mixins:[ResizeHeader, ResizeColumnProvide],
   data() {
     return {
       token: Vue.ls.get(ACCESS_TOKEN),