diff --git a/jero-web/src/views/system/DataLogList.vue b/jero-web/src/views/system/DataLogList.vue
index 3ad660f5c..415e63866 100644
--- a/jero-web/src/views/system/DataLogList.vue
+++ b/jero-web/src/views/system/DataLogList.vue
@@ -41,6 +41,7 @@
         size="middle"
         rowKey="id"
         :columns="columns"
+        :components="drag(columns,'columns')"
         :dataSource="dataSource"
         :pagination="ipagination"
         :loading="loading"
@@ -61,10 +62,11 @@
   import DataLogModal from './modules/DataLogModal'
   import {JeroListMixin} from '@/mixins/JeroListMixin'
   import JEllipsis from "@/components/jero/JEllipsis";
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'DataLogList',
-    mixins: [JeroListMixin],
+    mixins: [JeroListMixin, ResizeHeader, ResizeColumnProvide],
     components: {
       JEllipsis,
       DataLogModal
@@ -76,28 +78,28 @@
         columns: [
           {
             title: this.$t('tableName'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'dataTable',
             width: "120"
           }, {
             title: this.$t('DataID'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'dataId',
             width: "120"
           }, {
             title: this.$t('VersionNumber'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'dataVersion',
             width: "50"
           }, {
             title: this.$t('DataContent'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'dataContent',
             width: "150",
             scopedSlots: {customRender: 'dataContent'},
           }, {
             title: this.$t('creator'),
-            align: 'center',
+            align: 'left',
             dataIndex: 'createBy',
             width: "100"
           },