el-table组件中设置show-overflow-tooltip属性
时间: 2023-11-29 22:06:10 浏览: 178
VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip
在el-table组件中,show-overflow-tooltip属性用于控制当单元格内容过长时是否显示tooltip提示。默认情况下,当单元格内容过长时,会自动隐藏多余的内容,而show-overflow-tooltip属性可以让多余的内容以tooltip的形式展示出来。
以下是在el-table组件中设置show-overflow-tooltip属性的示例代码:
```html
<el-table
:data="tableData"
style="width: 100%">
<el-table-column
prop="name"
label="姓名"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="age"
label="年龄">
</el-table-column>
</el-table>
```
在上述代码中,el-table-column组件的show-overflow-tooltip属性被设置为true,这意味着当该列单元格内容过长时,会以tooltip的形式展示多余的内容。
阅读全文