Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
B
basic-vue-admin
概览
概览
详情
活动
周期分析
版本库
存储库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
问题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程表
图表
维基
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
Basic
basic-vue-admin
Commits
d8c38207
提交
d8c38207
authored
7月 05, 2021
作者:
无木
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(table): scrollbar style
上级
f4778431
隐藏空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
63 行增加
和
2 行删除
+63
-2
useTableScroll.ts
src/components/Table/src/hooks/useTableScroll.ts
+17
-0
table.less
src/design/ant/table.less
+46
-2
没有找到文件。
src/components/Table/src/hooks/useTableScroll.ts
浏览文件 @
d8c38207
...
@@ -68,6 +68,23 @@ export function useTableScroll(
...
@@ -68,6 +68,23 @@ export function useTableScroll(
bodyEl
=
tableEl
.
querySelector
(
'.ant-table-body'
);
bodyEl
=
tableEl
.
querySelector
(
'.ant-table-body'
);
}
}
const
hasScrollBarY
=
bodyEl
.
scrollHeight
>
bodyEl
.
clientHeight
;
const
hasScrollBarX
=
bodyEl
.
scrollWidth
>
bodyEl
.
clientWidth
;
if
(
hasScrollBarY
)
{
tableEl
.
classList
.
contains
(
'hide-scrollbar-y'
)
&&
tableEl
.
classList
.
remove
(
'hide-scrollbar-y'
);
}
else
{
!
tableEl
.
classList
.
contains
(
'hide-scrollbar-y'
)
&&
tableEl
.
classList
.
add
(
'hide-scrollbar-y'
);
}
if
(
hasScrollBarX
)
{
tableEl
.
classList
.
contains
(
'hide-scrollbar-x'
)
&&
tableEl
.
classList
.
remove
(
'hide-scrollbar-x'
);
}
else
{
!
tableEl
.
classList
.
contains
(
'hide-scrollbar-x'
)
&&
tableEl
.
classList
.
add
(
'hide-scrollbar-x'
);
}
bodyEl
!
.
style
.
height
=
'unset'
;
bodyEl
!
.
style
.
height
=
'unset'
;
if
(
!
unref
(
getCanResize
)
||
tableData
.
length
===
0
)
return
;
if
(
!
unref
(
getCanResize
)
||
tableData
.
length
===
0
)
return
;
...
...
src/design/ant/table.less
浏览文件 @
d8c38207
...
@@ -2,7 +2,7 @@
...
@@ -2,7 +2,7 @@
//
fix
table
unnecessary
scrollbar
//
fix
table
unnecessary
scrollbar
.
@{prefix-cls}
{
.
@{prefix-cls}
{
.
ant-table-wrapper
{
.
hide-scrollbar-y
{
.
ant-spin-nested-loading
{
.
ant-spin-nested-loading
{
.
ant-spin-container
{
.
ant-spin-container
{
.
ant-table
{
.
ant-table
{
...
@@ -13,7 +13,7 @@
...
@@ -13,7 +13,7 @@
}
}
.
ant-table-body
{
.
ant-table-body
{
overflow:
auto
!important
;
overflow
-y
:
auto
!important
;
}
}
}
}
...
@@ -24,6 +24,50 @@
...
@@ -24,6 +24,50 @@
}
}
}
}
}
}
.
ant-table-fixed-left
{
.
ant-table-body-outer
{
.
ant-table-body-inner
{
overflow-y:
auto
!important
;
}
}
}
}
}
}
}
}
.
hide-scrollbar-x
{
.
ant-spin-nested-loading
{
.
ant-spin-container
{
.
ant-table
{
.
ant-table-content
{
.
ant-table-scroll
{
.
ant-table-hide-scrollbar
{
//overflow-x:
auto
!important
;
}
.
ant-table-body
{
overflow:
auto
!important
;
}
}
.
ant-table-fixed-right
{
.
ant-table-body-outer
{
.
ant-table-body-inner
{
overflow-x:
auto
!important
;
}
}
}
.
ant-table-fixed-left
{
.
ant-table-body-outer
{
.
ant-table-body-inner
{
overflow-x:
auto
!important
;
}
}
}
}
}
}
}
}
}
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论