diff --git a/jero-web/src/views/projectManagement/components/listOfRegulations.vue b/jero-web/src/views/projectManagement/components/listOfRegulations.vue
index ee93bd863..9123ceaf7 100644
--- a/jero-web/src/views/projectManagement/components/listOfRegulations.vue
+++ b/jero-web/src/views/projectManagement/components/listOfRegulations.vue
@@ -128,7 +128,7 @@
         ref="table"
         :loading="loading"
         :pagination="false"
-        :scroll="{x: true}"
+        :scroll="{x: 'max-content',y:'calc(100vh - 400px)'}"
         rowKey="id"
         :data-source="dataSource"
         :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
@@ -154,8 +154,9 @@
         <span slot="designDeliverableTemplateName" slot-scope="text,record">
           <span>{{ record.designDeliverableType_dictText }}</span><br v-if="record.designDeliverableType_dictText">
            <a v-if="record.designDeliverableTemplate && record.designDeliverableTemplate.split(',').length == 1"
+              :title="record.designDeliverableTemplateName"
               @click="pdfPreviewClick(record.designDeliverableTemplateName,record.designDeliverableTemplate)">
-             {{ record.designDeliverableTemplateName }}
+             {{ record.designDeliverableTemplateName.length > 10 ? record.designDeliverableTemplateName.slice(0, 9) + '...' :record.designDeliverableTemplateName}}
            </a>
            <a v-else-if="record.designDeliverableTemplate && record.designDeliverableTemplate.split(',').length > 1"
               @click="clickButtonToUpload(record.designDeliverableTemplate)">{{ $t('viewFile') }}</a>
@@ -165,8 +166,9 @@
         <span slot="prehomoDeliverableTemplateName" slot-scope="text,record">
            <span>{{ record.prehomoDeliverableType_dictText }}</span><br v-if="record.prehomoDeliverableType_dictText">
            <a v-if="record.prehomoDeliverableTemplate && record.prehomoDeliverableTemplate.split(',').length == 1"
+              :title="record.prehomoDeliverableTemplateName"
               @click="pdfPreviewClick(record.prehomoDeliverableTemplateName,record.prehomoDeliverableTemplate)">
-             {{ record.prehomoDeliverableTemplateName }}
+         {{ record.prehomoDeliverableTemplateName.length > 10 ? record.prehomoDeliverableTemplateName.slice(0, 9) + '...' :record.prehomoDeliverableTemplateName}}
            </a>
            <a v-else-if="record.prehomoDeliverableTemplate && record.prehomoDeliverableTemplate.split(',').length > 1"
               @click="clickButtonToUpload(record.prehomoDeliverableTemplate)">{{ $t('viewFile') }}</a>
@@ -176,8 +178,9 @@
         <span slot="verifyDeliverableTemplateName" slot-scope="text,record">
           <span>{{ record.verifyDeliverableType_dictText }}</span><br v-if="record.verifyDeliverableType_dictText">
            <a v-if="record.verifyDeliverableTemplate && record.verifyDeliverableTemplate.split(',').length == 1"
+              :title="record.verifyDeliverableTemplateName"
               @click="pdfPreviewClick(record.verifyDeliverableTemplateName,record.verifyDeliverableTemplate)">
-             {{ record.verifyDeliverableTemplateName }}
+           {{ record.verifyDeliverableTemplateName.length > 10 ? record.verifyDeliverableTemplateName.slice(0, 9) + '...' :record.verifyDeliverableTemplateName}}
            </a>
            <a v-else-if="record.verifyDeliverableTemplate && record.verifyDeliverableTemplate.split(',').length > 1"
               @click="clickButtonToUpload(record.verifyDeliverableTemplate)">{{ $t('viewFile') }}</a>
@@ -323,14 +326,16 @@
           {
             title: this.$t('listConfirmationStatus'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'inventoryAffirmStatusName'
+            dataIndex: 'inventoryAffirmStatusName',
+            width: 180,
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('taskAffirmStatus'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'taskAffirmStatusName'
+            dataIndex: 'taskAffirmStatusName',
+            width: 180,
+            scopedSlots: { customRender: 'titleName' }
           },
           // {
           //   title: this.$t('taskReleaseStatus'),
@@ -340,44 +345,49 @@
           {
             title: this.$t('zoneOfApplication'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'region_dictText'
+            dataIndex: 'region_dictText',
+            width: 180,
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('correspondingStandard'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'correspondingStandard'
+            dataIndex: 'correspondingStandard',
+            width: 180,
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('implementationCategory'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'implementType_dictText'
+            dataIndex: 'implementType_dictText',
+            width: 180,
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('ImplementationDate'),
             align: 'center',
-            ellipsis: true,
+            width: 140,
             dataIndex: 'xin1Che1Xing2Shi2Shi1Ri4Qi1'
           },
           {
             title: this.$t('vehicleInProductionDate'),
             align: 'center',
-            ellipsis: true,
+            width: 140,
             dataIndex: 'implementTime'
           },
           {
             title: this.$t('certificationType'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'attestationType_dictText'
+            dataIndex: 'attestationType_dictText',
+            width: 180,
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('certificationLevel'),
             align: 'center',
-            ellipsis: true,
-            dataIndex: 'attestationRank_dictText'
+            dataIndex: 'attestationRank_dictText',
+            width: 180,
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: 'WVTA ID',
@@ -390,30 +400,39 @@
             title: this.$t('areaOfResponsibility'),
             align: 'center',
             ellipsis: true,
-            dataIndex: 'dutyTerritory_dictText'
+            dataIndex: 'dutyTerritory_dictText',
+            width: 180,
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('regulatoryEngineer'),
             align: 'center',
             ellipsis: true,
-            dataIndex: 'regulationOwnerName'
+            dataIndex: 'regulationOwnerName',
+            width: 180,
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('certifiedEngineer'),
             align: 'center',
             ellipsis: true,
-            dataIndex: 'homologationEngineerName'
+            dataIndex: 'homologationEngineerName',
+            width: 180,
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('engineeringInterfacePerson'),
             align: 'center',
             ellipsis: true,
-            dataIndex: 'engineeringInterfacePersonName'
+            dataIndex: 'engineeringInterfacePersonName',
+            width: 180,
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('remarks'),
             align: 'center',
             dataIndex: 'remark',
+            width: 180,
             scopedSlots: { customRender: 'titleName' }
           },
           {
@@ -423,22 +442,28 @@
                 title: this.$t('Deliverables'),
                 dataIndex: 'designDeliverableTemplateName',
                 align: 'center',
+                width: 180,
                 scopedSlots: { customRender: 'designDeliverableTemplateName' }
               },
               {
                 title: this.$t('Sponsor'),
                 dataIndex: 'designInitiatorName',
-                align: 'center'
+                align: 'center',
+                width: 180,
+                scopedSlots: { customRender: 'titleName' }
               },
               {
                 title: this.$t('personLiable'),
                 dataIndex: 'designDutyName',
-                align: 'center'
+                align: 'center',
+                width: 180,
+                scopedSlots: { customRender: 'titleName' }
               },
               {
                 title: this.$t('TaskCutOffTime'),
                 dataIndex: 'designDueDate',
-                align: 'center'
+                align: 'center',
+                width: 140
               }
             ]
           },
@@ -449,22 +474,28 @@
                 title: this.$t('Deliverables'),
                 dataIndex: 'prehomoDeliverableTemplateName',
                 align: 'center',
+                width: 180,
                 scopedSlots: { customRender: 'prehomoDeliverableTemplateName' }
               },
               {
                 title: this.$t('Sponsor'),
                 dataIndex: 'prehomoInitiatorName',
-                align: 'center'
+                align: 'center',
+                width: 180,
+                scopedSlots: { customRender: 'titleName' }
               },
               {
                 title: this.$t('personLiable'),
                 dataIndex: 'prehomoDutyName',
-                align: 'center'
+                align: 'center',
+                width: 180,
+                scopedSlots: { customRender: 'titleName' }
               },
               {
                 title: this.$t('TaskCutOffTime'),
                 dataIndex: 'prehomoDueDate',
-                align: 'center'
+                align: 'center',
+                width: 140
               }
             ]
           },
@@ -475,22 +506,28 @@
                 title: this.$t('Deliverables'),
                 dataIndex: 'verifyDeliverableTemplateName',
                 align: 'center',
+                width: 180,
                 scopedSlots: { customRender: 'verifyDeliverableTemplateName' }
               },
               {
                 title: this.$t('Sponsor'),
                 dataIndex: 'verifyInitiatorName',
-                align: 'center'
+                align: 'center',
+                width: 180,
+                scopedSlots: { customRender: 'titleName' }
               },
               {
                 title: this.$t('personLiable'),
                 dataIndex: 'verifyDutyName',
-                align: 'center'
+                align: 'center',
+                width: 180,
+                scopedSlots: { customRender: 'titleName' }
               },
               {
                 title: this.$t('TaskCutOffTime'),
                 dataIndex: 'verifyDueDate',
-                align: 'center'
+                align: 'center',
+                width: 140
               }
             ]
           },
@@ -1334,4 +1371,9 @@
   .popconfirm .anticon-exclamation-circle {
     display: none !important;
   }
+
+  .ant-table-placeholder {
+    padding: 0;
+    border-top: none;
+  }
 </style>
\ No newline at end of file