Element表格内容超出显示省略号并提示,更改提示组件el-tooltip修改背景颜色和箭头颜色

1,743 阅读1分钟
//使用show-overflow-tooltip开始超出宽度隐藏并弹出层提示
<el-table-column :show-overflow-tooltip="true"></el-table-column>

image.png

默认颜色和表格主题色很不搭配,此时需要修改一下默认背景色文字颜色和箭头颜色
.el-tooltip__popper {
  font-size: 14px;
  max-width: 50%; 
  background: #68859a !important;
}
/* 根据弹出位置更改小箭头 */
.el-tooltip__popper[x-placement^="top"] .popper__arrow:after {
  border-top-color: #68859a;
}
完成了

image.png