Browse Source

table操作样式修改

zhaoke 1 year ago
parent
commit
e36c52253d
1 changed files with 6 additions and 1 deletions
  1. 6 1
      src/components/SimpleTable/index.vue

+ 6 - 1
src/components/SimpleTable/index.vue

@@ -8,7 +8,7 @@
           </el-tooltip>
         </template>
       </el-table-column>
-      <el-table-column v-if="dealedTableData.length && tableBtns.length" label="操作">
+      <el-table-column v-if="dealedTableData.length && tableBtns.length" fixed="right" width="160" label="操作">
         <template slot-scope="scope">
           <div class="hd-td">
             <el-scrollbar style="height: 100%">
@@ -334,6 +334,11 @@ export default {
         }
       }
     }
+    .hd-td {
+      white-space: nowrap;
+      width: 100%;
+      padding: 0 10px;
+    }
   }
 }
 .no-column {