show-overflow-tooltip属性并不直接影响表格的宽度。表格的宽度主要由列宽和表格容器的宽度决定。当表格宽度不足以容纳单元格内容时,如果启用了show-overflow-tooltip,溢出的内容将不会截断显示,而是会在用户将鼠标悬停在单元格上时以tooltip的形式展示。 3. 如何调整el-table的列宽度以适应内容或使用show-overflow-toolt...
elememt-ul,el-table 中的 tooltip 宽度 css设置: 1 2 3 4 5 <style> .el-tooltip__popper{ max-width:600px; } </style> style 去掉 scoped 属性 若不生效,则换成: <style>.el-popper{ max-width: 600px; }</style> 例: 修改后:
.el-tooltip__popper{font-size:14px;max-width:30%!important;text-align:justify;text-justify:newspaper;word-break:break-all;line-height:20px;} 如果直接把这个样式写在同页面的scoped中可能会不生效,各位可以自己试一下,写完的效果是这样:
只需要在 el-table-item 标签中添加属性 :show-overflow-tooltip="true" 例子 <template> <div style="width:100%; display: flex; justify-content: center;"> <el-table :data="tableData" stripe style="width: 80%"> <el-table-column prop="name" label="Name" min-width="180" /> <el-tabl...