When the [bug report] container uses the transform: scale() attribute to zoom, there will be a gap between the cell and the header, which will cause the background color to pass through.

ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web

https://element.eleme.io/

MIT License

54.04k stars 14.63k forks source link

When the [bug report] container uses the transform: scale() attribute to zoom, there will be a gap between the cell and the header, which will cause the background color to pass through. #20918

Open machen8812 opened 3 years ago

machen8812 commented 3 years ago

Element UI version

2.13.0

OS/Browsers version

windows 10/Chrome 89.0.4389.114

Vue version

2.6.11

Reproduction Link

https://codepen.io/ziyoung/pen/rRKYpd123

Steps to reproduce

1、el-table不使用border属性 2、el-table的容器使用ttransform:scale属性进行缩放设置，表头单元格以及内容单元格之间会出现缝隙，容器背景色会透出来

What is Expected?

单元格之间没有缝隙

What is actually happening?

单元格之间有缝隙

element-bot commented 3 years ago

Translation of this issue:

Element UI version

2.13.0

OS/Browsers version

windows 10/Chrome 89.0.4389.114

Vue version

2.6.11

Reproduction Link

https://codepen.io/ziyoung/pen/rRKYpd123

Steps to reproduce

El table does not use the border attribute
The container of El table uses t transform:scale Property to zoom in and out, gaps will appear between the header cells and the content cells, and the background color of the container will show

What is Expected?

There is no gap between cells

What is actually happening?

There are gaps between cells

cs1707 commented 3 years ago

The Reproduction Link is 404

machen8812 commented 3 years ago

公司内网，没法提供demo

The Reproduction Link is 404

公司内网无法提供demo，额

machen8812 commented 3 years ago

The Reproduction Link is 404

https://codepen.io/machen8812/pen/qBRGmBw

stale[bot] commented 2 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.