element-plus [Bug Report] [Style] [table] el-table 自定义列模板 demo,按钮那一列的列宽较小时,会出现不符合预期的省略号

xmakbtuz  于 2022-11-05  发布在  其他
关注(0)|答案(2)|浏览(167)

Bug Type:Style

Environment

  • Vue Version: 3.2.33
  • Element Plus Version: 2.1.10
  • Browser / OS: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.84 Safari/537.36
  • Build Tool: Vue CLI

Reproduction

  • el-table

Element Plus Playground

Steps to reproduce

官网 el-table 自定义列模板 demo,删除掉第二个按钮,按钮那一列的列宽设置为60,show-overflow-tooltip 为默认的false。

What is Expected?

按钮列布出现省略号;

What is actually happening?

按钮列会出现不符合预期的省略号;

Additional comments

列宽设置更小,如50,则符合预期:遮挡住按钮显示。
此外,这在之前的版本中就有该现象,只是官网的demo就可以复现,所以版本都时latest;个人的项目是1.2.0 beta.6 ,VUE 3.0

b09cbbtk

b09cbbtk1#

应该是.el-table .cell默认ellipsis加上button这种行内块出现了那个省略的点

ss2ws0br

ss2ws0br2#

应该是.el-table .cell默认ellipsis加上button这种行内块出现了那个省略的点

是的,是不是可以给列加个属性去掉eellipsis?

相关问题