IE 浏览器element-ui table: show-overflow-tooltip 临界值时失效
2024-09-08 19:41:11
问题:
在使用el-table
表格时,有时会用到show-overflow-tooltip
属性,即当单元格内容不能完全显示时显示tooltip
文字提示,并且单元格里的内容显示省略号。
但是在ie浏览器中有时单元格里的内容过长并且显示了省略号,但是鼠标滑上却不显示tooltip。
原因:
这是因为单元格的padding-right
影响到的;
show-overflow-tooltip 跟你设置的宽度只差两个字符时是不显示的。
解决方法:
.el-table .cell,
.el-table th div {
padding-right: 0;
}
效果:
引用:
https://blog.csdn.net/weixin_42976970/article/details/106993267
https://bbs.huaweicloud.com/blogs/231960
最新文章
- Redis学习手册——转载
- Maven提高篇系列之(一)——多模块 vs 继承
- 批量更改int类型的timestamp字段to datetime
- [转]C#之反射
- ubuntu12.04软件中心打开错误和 ubuntu 包管理之“:E: 读错误 - read (5: 输入/输出错误) E: 无法解析或打开软件包的列表或是状态文件。”的解决
- JAVA classpath, 纠正我一直以来错误的认知
- Visual Studio下Qt编程中对中文的处理
- jquery.session.js使用
- 《Django By Example》Chap 4中出现的 “RelatedObjectDoesNotExist”错误
- 【Django】 视图层说明
- 【java集合系列】--- LinkedList
- python学习-迭代器,列表解析和列表生成式
- mysql 多表删除
- 【自动化测试:笔记一】adb命令
- 【shell编程】1、shell编程简介
- idea开发swing(二)
- Chap3:区块链的衍生技术[《区块链中文词典》维京&;甲子]
- Codeforces 781C Underground Lab
- native和webview切换
- Linq 实现两个对象实例List之间的赋值
热门文章
- chrome 检查更新时出错:无法启动更新检查(错误代码为 4: 0xA0430817 -- system level)
- 【Linux】ArchLinux 使用之旅
- Oracle查询表中的各列的列名,数据类型,以及类型长度
- java HashMap 原理
- 文件下载,后端接口,django,flask
- xrdp 启动分析
- (已解决)为什么最新版本(v4.3.1)的bootstrap不能使用center-block?
- 常见的Native Crash类型,bug解决记录
- 通过Python获取cpu、硬盘和主板等硬件序列号组成的唯一识别码
- vscode 右键运行php文件到浏览器