ElemeFE / ElemeFE/element

el-table合计功能滚动条层级问题

Open
#22,497 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

**版本:2.15.13**
`el-table`在使用合计功能及固定列功能的同时,由于固定列的结构是固定区域增加了div加上定位,用来盖住下面的内容。当使用了合计功能的时候滚动条的区域在`el-table__body-wrapper`会导致固定列区域下的滚动条被挡住,当固定区域较大数据量较多的情况下存在滚动条全部滚动到固定区域无法回滚的问题。如下图:
![image](https://user-images.githubusercontent.com/61874842/233302950-2b57a2cc-a791-4f82-aecc-3abfe660fd35.png)
**建议修改方案**
1.当使用了合计功能把对`el-table__body-wrapper`进行超出隐藏,将滚动条加到合计区域`el-table__footer-wrapper`,此时通过监听合计区域的滚动事件来触发`el-table__body-wrapper`的滚动。
2.使用虚拟滚动条:为el-table添加虚拟滚动条。通过虚拟滚动条的滚动来触发`el-table__footer-wrapper`和`el-table__body-wrapper`的滚动。
**以上只针对于横向滚动条的提出问题**
针对于以上处理需要隐藏原有滚动条,如果只考虑x方向会存在偏移问题如下图:
![image](https://user-images.githubusercontent.com/61874842/233304829-3056bde8-758f-4839-a979-d2e0dfe0b94b.png)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.