0
点赞
收藏
分享

微信扫一扫

Vue进阶(幺陆零):el-table之show-overflow-tooltip 属性不生效及webstorm持续updating indices解决方法

一、问题描述

在使用el-table表格时,有时会用到show-overflow-tooltip属性,即当单元格内容不能完全显示时显示tooltip文字提示,并且单元格里的内容显示省略号。但是在ie浏览器中有时单元格里的内容过长并且显示了省略号,但是鼠标滑上却不显示tooltip

二、问题分析

这是因为单元格的padding-right影响到的,在css样式中添加以下代码即可:

.el-table .cell, .el-table th div {
	padding-right: 0;
}

三、延伸阅读:webstorm持续updating indices解决方法

在应用Webstorm进行开发相关工作时,发现IDE一直处于updating indices状态,根据错误提示,查看项目目录中.idea\workspace.xml文件,发现在进行git版本管理过程中,此文件进行了merge操作,结果导致文件中内容格式错乱,通过回退版本,发现问题并未解决,通过网络查询,可能是由于项目中node_modules文件文件过大,而且将该文件夹作为目录标记,解决方法就是右键node_modules,选择Mark Directory as->Excluded,会使IDEA排除index这个文件夹,问题得以解决。

四、拓展阅读

  • 《Vue进阶(九十三):show-overflow-tooltip实现表格列内容过长显示提示》
举报

相关推荐

0 条评论