elementUI表格show-overflow-tooltip时候能否设置宽度

使用elementUI表格显示数据时，在设置show-overflow-tooltip="true"后，当列内容很长时可以隐藏显示，鼠标移动到单元格时以tip方式显示完整内容。但是这个tooltip默认是全屏宽度，希望能设置宽度。请问是否有参数可以设置？代码是这样的

查看完整描述

1 回答

阿波罗的战车

TA贡献1862条经验获得超6个赞

tooltip的类是el-tooltip__popper，可以直接写CSS控制宽度

反对回复 2018-08-19

JustEat
你好 <el-table-column prop="inInfo" :label="$t('sys_Participation')" align="center" show-overflow-tooltip="true"></el-table-column> .el-tooltip__popper{ max-width: 200px; } 这样设置为什么不行吗求指教 css没有渲染显示出来了但是特别长尺寸没生效

回复 2019-01-11
qq_慕丝6271170
你的css应该是这样写了的吧<style lang="scss" scoped>，删掉scoped就好了，但是删掉scoped有个问题:删掉以后会污染外面全局的css，全局都会受到这个css影响，建议单独再写一个<style>,例如这样子： <style lang="css"> .el-tooltip__popper{ max-width:50% } </style> 我刚好也遇到这个问题，你可以看看有启发没有。个人观点，不喜勿喷。

回复 2019-01-16
weixin_慕姐4499717
谢谢大佬看的你的回答问题解决了注册也要来表达感谢

回复 2021-01-12

热搜