Element-plus table show-overflow-tooltip样式修改
最近在做vue3+element-plus的项目,表格中的一个描述字段有200字,给el-table-column加上show-overflow-tooltip会出现浮层提示,但是字数过多的话,浮层提示的宽度是屏幕的宽度,着实是不太美观,如图:
so我自己改了下他的宽度,但是打开控制台看到他的样式是这样的,如图:

实在是无从下手,百度看了几篇文章试了下也没有效果,就在我打算放弃摸索想向别人请教之际,我发现了他的奥妙,如图
他的class类是el-popper和is-dark, 然后问题就可以解决了,就像这样
.el-popper.is-dark{
max-width: 300px;
}
耶!

浙公网安备 33010602011771号