#

src/components/pages/test/aggregate/index.vue

@@ -42,7 +42,6 @@
       <div v-for="item in titList" :key="item.id">
         <el-table-column align="center" :label="item.name">
           <div v-for="e in allFrom" :key="e.courseId">
-            
             <el-table-column
               v-if="e.typeid == item.id"
               align="center"
@@ -52,6 +51,16 @@
               width="130"
               :resizable="false"
             >
+              <template slot="header" slot-scope="{ column, $index }">
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  :content="e.title"
+                  placement="top"
+                >
+                  <div class="tooltipTit">{{ e.title }}</div>
+                </el-tooltip>
+              </template>
               <template slot-scope="scope">
                 <div
                   v-if="
@@ -317,6 +326,14 @@ export default {
   background: #fafafa;
 }
 
+.tooltipTit {
+  -webkit-line-clamp: 2;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  height: 50px !important;
+}
 .aggregate >>> .el-table th > .cell {
   /* -webkit-line-clamp: 2;
   display: -webkit-box;
@@ -325,5 +342,4 @@ export default {
   text-overflow: ellipsis;
   height: 50px !important; */
 }
-
 </style>