Browse Source

表格滚动条样式修改

marymelisa 4 years ago
parent
commit
819f134739

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

@@ -765,6 +765,17 @@
 .hiddenFirstCol {
     .ant-table {
         .ant-table-content {
+            .ant-table-scroll {
+                .ant-table-hide-scrollbar {
+                    .ant-table-fixed {
+                        .ant-table-thead {
+                            .ant-table-expand-icon-th {
+                                display: none;
+                            }
+                        }
+                    }
+                }
+            }
             .ant-table-body {
                 table {
                     .ant-table-thead {

+ 0 - 3
src/layout/components/main.vue

@@ -87,7 +87,4 @@ export default defineComponent({
         }
     }
 }
-.ant-layout.ant-layout-has-sider > .ant-layout, .ant-layout.ant-layout-has-sider > .ant-layout-content {
-    overflow: auto;
-}
 </style>;

+ 2 - 1
src/views/information/spot-contract/list/unsubmitted/index.vue

@@ -12,7 +12,8 @@
                :expandedRowKeys="expandedRowKeys"
                :customRow="Rowclick"
                rowKey="key"
-               :data-source="tableList">
+               :data-source="tableList"
+               :scroll="{ x: 'calc(100% - 180px)', y: 'calc(100vh - 119px)' }">
         <!-- 额外的展开行 -->
         <template #expandedRowRender="{  }">
           <BtnList :btnList="forDataBtn" />