自定义修改el-talbe show-overflow-tooltip的样式

发布时间 2023-06-21 15:06:26作者: 火龙果呀

el-table 主体上 tooltip-effect 添加自定义样式

代码如下

<el-table id="crm-table" :row-height="40" :data="list" tooltip-effect="dark myTooltips" class="n-table--border" border highlight-current-row style="width: 100%">
 <el-table-column v-for="(item, index) in fieldList" :key="index" :fixed="item.prop=='supplierName'" :prop="item.prop" :label="item.label" :min-width="item.width" show-overflow-tooltip>
 </el-table-column>
</el-table>

全局样式上添加

.myTooltips {
 max-width: 50%;
}