elementUI el-table-column文字过长进行省略处理，鼠标点击显示_element ui table 显示文本长度

作者：Gausst松鼠会 | 2024-04-06 14:17:40

踩

element ui table 显示文本长度

使用elementUI表格进行数据展示的时候，有时候有一些不是很关键的信息，不希望占据很多的板面信息。
可以添加 min-width=“120” :show-overflow-tooltip=“true”
进行控制

完整代码：

      <el-table-column
        prop="remark"
        header-align="center"
        align="center"
        label="备注"
        min-width="120"
        :show-overflow-tooltip="true">
      </el-table-column>

1
2
3
4
5
6
7
8
9

在这里插入图片描述
多出的会进行省略号显示，鼠标悬停展示完整信息。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/372434

elementUI el-table-column文字过长 进行省略处理，鼠标点击显示_element ui table 显示文本长度

elementUI el-table-column文字过长进行省略处理，鼠标点击显示_element ui table 显示文本长度