表格 show-overflow-tooltip 设置宽度以及内容换行

用vue+element ui框架，用到table表格，如果每列显示的内容过长则可以使用该属性，即:show-overflow-tooltip="true"。该属性可以让内容在一行显示，如果显示不下时，显示省略号...,当鼠标放在上面时，可显示全部文字。效果如下：只需要在标签中添加:show-overflow-tooltip="true"即可。举例：<el-table-column labe

大头少女火火火

2709人浏览 · 2021-08-09 19:19:55

大头少女火火火 · 2021-08-09 19:19:55 发布

用vue+element ui框架，用到table表格，如果每列显示的内容过长则可以使用该属性，即 :show-overflow-tooltip="true"。

该属性可以让内容在一行显示，如果显示不下时，显示省略号...,当鼠标放在上面时，可显示全部文字。效果如下：

只需要在标签中添加:show-overflow-tooltip="true"即可。

举例：

<el-table-column label="公司名称" prop="corpName" :show-overflow-tooltip="true"></el-table-column>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^