**效果:
添加: render-header=“renderHeader” 方法
<el-table-column
v-for="item in headData"
:prop="item"
:label="item"
:key="item"
:render-header="renderHeader"
show-overflow-tooltip>
</el-table-column>
css添加:
.el-table .cell {
word-break: keep-all !important;
white-space: nowrap !important;
}
methods:
renderHeader(h, data) {
return h("span", [
h(
"el-tooltip",
{
attrs: {
class: "item",
effect: "dark",
content: data.column.label,
placement: "top",
},
},
[h("span", data.column.label)]
),
]);
},
```****