Просмотр исходного кода

fix(table): auto hide unnecessary scrollbar

隐藏无需显示的滚动条时
无木 3 лет назад
Родитель
Сommit
735028c430
3 измененных файлов с 34 добавлено и 0 удалено
  1. 1 0
      CHANGELOG.zh_CN.md
  2. 1 0
      src/design/ant/index.less
  3. 32 0
      src/design/ant/table.less

+ 1 - 0
CHANGELOG.zh_CN.md

@@ -26,6 +26,7 @@
   - 修复全局配置`fetchSetting`可能会被局部配置意外修改的问题
   - 修复`handleSearchInfoFn`的参数包含多余空白键的问题
   - 修复为 table 提供 rowSelection.onChange 时,无法手动变更 table 的选中项的问题
+  - 修复滚动条在无需显示的时候仍然持续显示的问题
 - **Icon** 修复 SvgIcon 缺少部分样式的问题
 - **Menu**
   - 修复路由映射模式下,单级菜单刷新不会激活

+ 1 - 0
src/design/ant/index.less

@@ -1,6 +1,7 @@
 @import './pagination.less';
 @import './input.less';
 @import './btn.less';
+@import './table.less';
 
 // TODO beta.11 fix
 .ant-col {

+ 32 - 0
src/design/ant/table.less

@@ -0,0 +1,32 @@
+@prefix-cls: ~'@{namespace}-basic-table';
+
+// fix table unnecessary scrollbar
+.@{prefix-cls} {
+  .ant-table-wrapper {
+    .ant-spin-nested-loading {
+      .ant-spin-container {
+        .ant-table {
+          .ant-table-content {
+            .ant-table-scroll {
+              .ant-table-hide-scrollbar {
+                overflow-y: auto !important;
+              }
+
+              .ant-table-body {
+                overflow: auto !important;
+              }
+            }
+
+            .ant-table-fixed-right {
+              .ant-table-body-outer {
+                .ant-table-body-inner {
+                  overflow-y: auto !important;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}