style:table超过显示省略号

 /*
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-08-28 15:43:41
+ * @LastEditTime: 2023-08-28 15:48:06
  */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -73,7 +73,7 @@ class data extends filter {
       {
         prop: "bdcdyh",
         label: "不动产单元号",
-        minWidth: '170',
+        minWidth: '150',
       },
       {
         label: "权利人",

@@ -67,9 +67,6 @@ class data extends filter {
         prop: "ywh",
         label: "业务号",
         width: '110',
-        // render: (h, scope) => {
-        //   return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button>
-        // }
       },
       {
         prop: "qllxmc",
@@ -84,14 +81,12 @@ class data extends filter {
       {
         prop: "bdcdyh",
         label: "不动产单元号",
-        width: '150',
-        showOverflowTooltip: true
+        minWidth: '150',
       },
       {
         prop: "bdcqzh",
         label: "不动产权证号",
-        width: '150',
-        showOverflowTooltip: true
+        minWidth: '150'
       },
       {
         prop: "qlrmc",

@@ -8,7 +8,7 @@ class data extends filter {
   constructor() {
     super()
   }
-  columns() {
+  columns () {
     return [
       {
         label: '序号',
@@ -81,11 +81,16 @@ class data extends filter {
         width: '120',
       },
       {
-        prop: "zl",
         label: "坐落",
         minWidth: '150',
-        showOverflowTooltip: true
-      },    
+        render: (h, scope) => {
+          return (
+            <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
+              <span class="ellipsis-table"> {scope.row.zl}</span>
+            </el-tooltip>
+          )
+        }
+      },
       {
         prop: "slsj",
         label: "受理时间",

@@ -65,8 +65,14 @@ class data extends filter {
       {
         prop: "bdcqzh",
         label: "不动产权证号",
-        width: '150',
-        showOverflowTooltip: true
+        minWidth: '150',
+        render: (h, scope) => {
+          return (
+            <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
+              <span class="ellipsis-table"> {scope.row.bdcqzh}</span>
+            </el-tooltip>
+          )
+        }
       },
       {
         prop: "qlr",
@@ -81,11 +87,18 @@ class data extends filter {
       {
         prop: "bdcdyh",
         label: "不动产单元号",
-        minWidth: '110'
+        minWidth: '150',
       },
       {
-        prop: "zl",
-        label: "坐落"
+        label: "坐落",
+        minWidth: '150',
+        render: (h, scope) => {
+          return (
+            <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
+              <span class="ellipsis-table"> {scope.row.zl}</span>
+            </el-tooltip>
+          )
+        }
       },
       {
         label: "证书内容",

@@ -74,10 +74,15 @@ class data extends filter {
         label: "序列号"
       },
       {
-        prop: "bdcqzh",
         label: "不动产权证号",
         width: '150',
-        showOverflowTooltip: true
+        render: (h, scope) => {
+          return (
+            <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
+              <span class="ellipsis-table"> {scope.row.bdcqzh}</span>
+            </el-tooltip>
+          )
+        }
       },
       {
         label: '操作',