el-table show-overflow-tooltip设置宽度
时间: 2023-07-07 19:38:41 浏览: 115
改变el-table宽度
5星 · 资源好评率100%
如果你想要为 `el-table` 组件的 `show-overflow-tooltip` 属性设置宽度,可以使用 `tooltip-content` 属性。具体来说,你需要自定义一个插槽,并在插槽中创建一个带有指定宽度的元素,例如一个 `<div>` 标签。然后,将这个元素作为 `tooltip-content` 属性的值传递给 `el-table-column` 组件,如下所示:
```html
<el-table :data="tableData">
<el-table-column prop="name" label="Name" show-overflow-tooltip>
<template slot="tooltip" slot-scope="{ row }">
<div style="width: 200px">{{ row.name }}</div>
</template>
</el-table-column>
<!-- 其他列 -->
</el-table>
```
在上面的示例中,我们为 `el-table-column` 组件的 `tooltip` 插槽创建了一个 `div` 元素,并将其宽度设置为 `200px`。然后,我们将这个元素作为 `tooltip-content` 属性的值传递给 `el-table-column` 组件,以达到为 `show-overflow-tooltip` 属性设置宽度的目的。
阅读全文