From 51dc87d863ed89a20423d93e660f90ac2c0612a6 Mon Sep 17 00:00:00 2001
From: song-cc-rock <changchang.song@fit2cloud.com>
Date: Tue, 28 Feb 2023 19:33:22 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):=20?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E8=87=AA=E5=AE=9A=E4=B9=89=E5=AD=97=E6=AE=B5?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0=E8=BF=87=E9=95=BF=E7=BC=A9=E7=95=A5=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/new-ui/MsTable.vue         |  5 +++++
 .../src/components/table/MsTableColumn.vue    | 21 +++++++++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/framework/sdk-parent/frontend/src/components/new-ui/MsTable.vue b/framework/sdk-parent/frontend/src/components/new-ui/MsTable.vue
index 7de68eb474..98fa2d40f1 100644
--- a/framework/sdk-parent/frontend/src/components/new-ui/MsTable.vue
+++ b/framework/sdk-parent/frontend/src/components/new-ui/MsTable.vue
@@ -691,6 +691,11 @@ export default {
   border-bottom: 1px solid rgba(31, 35, 41, 0.15);
 }
 
+:deep(.el-table th > .cell) {
+  word-break: keep-all !important;
+  white-space: nowrap !important;
+}
+
 :deep(.ms-select-all-fixed th:nth-child(2) .table-select-icon) {
   position: absolute;
   display: inline-block;
diff --git a/framework/sdk-parent/frontend/src/components/table/MsTableColumn.vue b/framework/sdk-parent/frontend/src/components/table/MsTableColumn.vue
index 3cd7110814..eead85bd2d 100644
--- a/framework/sdk-parent/frontend/src/components/table/MsTableColumn.vue
+++ b/framework/sdk-parent/frontend/src/components/table/MsTableColumn.vue
@@ -11,6 +11,7 @@
                    :sortable="sortable"
                    :filter-method="filterMethod"
                    :filtered-value="filteredValue	"
+                   :render-header="renderHeader"
                    :show-overflow-tooltip="showOverflowTooltip">
 
     <template v-slot:default="scope">
@@ -89,6 +90,26 @@ export default {
   },
   mounted() {
     this.active = true;
+  },
+  methods: {
+    renderHeader(h, data) {
+      if (data.column.label.length > 7) {
+        return h("span", [
+          h("el-tooltip", {
+            attrs: {
+              class: "item",
+              effect: "dark",
+              content: data.column.label,
+              placement: "top"
+            }
+          }, [
+            h("span", data.column.label)
+          ])
+        ])
+      } else {
+        return h("span", data.column.label);
+      }
+    }
   }
 };
 </script>