如何使用好单库选品库做网站,提供深圳网站制作公司,开发直播软件流程,做淘宝优惠券网站tooltip 提示框修改宽度方法#xff1a;
在element中#xff0c;想要设置表格的内容#xff0c;超出部分隐藏#xff0c;鼠标悬浮提示
可以在el-table 上添加show-overflow-tooltip属性
同时可以通过tooltip-options配置提示信息
如下图代码
el-tableshow-overflo…tooltip 提示框修改宽度方法
在element中想要设置表格的内容超出部分隐藏鼠标悬浮提示
可以在el-table 上添加show-overflow-tooltip属性
同时可以通过tooltip-options配置提示信息
如下图代码
el-tableshow-overflow-tooltip:tooltip-options{ effect: dark, placement: bottom, showArrow: true, width: 80px }height430:header-cell-style{ backgroundColor: rgba(19, 185, 201,.7), color: rgb(54, 54, 54) }/el-table 此时有提示信息但是提示框不换行如果内容很多则提示框会单行一直显示所以我们需要修改提示框的宽度但是官网并没有提供对应的方法或属性
解决方案
在全局css样式中书写如下代码
如vite创建的项目在src/style.css中书写
.el-popper {max-width: 200px !important;
}
如下图搞定
