Ver código fonte

表格操作按钮显示位置问题

marymelisa 4 anos atrás
pai
commit
d9924dd4af

+ 12 - 0
src/assets/styles/mixin.less

@@ -256,6 +256,18 @@
         line-height: 26px;
     }
 }
+// 左边菜单展开后 表格展开行操作按钮显示在最右侧
+.expandLeftTable {
+    .ant-table {
+        .ant-table-content {
+            .ant-table-tbody {
+                .ant-table-expanded-row {
+                    width: calc(100vw - 180px);
+                }
+            }
+        }
+    }
+}
 
 // 上面表格样式
 .topTable {

+ 1 - 1
src/views/order/spot_warran/components/spot_warrant_spot_summary/index.vue

@@ -3,7 +3,7 @@
     <section>
         <a-table
             :columns="columns"
-            class="srcollYTable"
+            class="srcollYTable expandLeftTable"
             :scroll="{ x: '100%', y: '227px' }"
             :pagination="false"
             :loading="loading"