diff --git a/jero-web/src/views/documentTools/documentTranslation/index.vue b/jero-web/src/views/documentTools/documentTranslation/index.vue
index 4c8c84e9f..2a35ee4cc 100644
--- a/jero-web/src/views/documentTools/documentTranslation/index.vue
+++ b/jero-web/src/views/documentTools/documentTranslation/index.vue
@@ -100,6 +100,12 @@
              v-if="record.createBy == userInfoQuery.username && record.releaseCondition == 'draft'"
              @click="deleteData(record)">{{$t('delete')}}</a>
         </span>
+        <span slot="translationLanguage" slot-scope="text,record"
+              :title="record.sourceLanguage_dictText +' -- '+record.targetLanguage_dictText">
+            <span class="translationLanguageText" style="margin-top: -2px">{{record.sourceLanguage_dictText}}</span>
+            <a-icon class="translationLanguageText" type="arrow-right" style="font-size: 16px"/>
+            <span class="translationLanguageText">{{record.targetLanguage_dictText}}</span>
+        </span>
       </a-table>
       <div class="page" v-if="dataSource && dataSource.length > 0">
         <a-pagination
@@ -180,7 +186,8 @@
             title: this.$t('translationLanguage'),
             align: 'center',
             dataIndex: 'targetLanguage_dictText',
-            width: 170
+            width: 240,
+            scopedSlots: { customRender: 'translationLanguage' }
           },
           {
             title: this.$t('translationResults'),
@@ -431,4 +438,9 @@
     color: red;
     margin-right: 4px;
   }
+
+  .translationLanguageText {
+    margin-right: 4px;
+    display: inline-block;
+  }
 </style>
\ No newline at end of file