当前位置: article > 正文

el-table设置最大列宽，不显示横向滚动条_限制el-table列最长宽度

作者：你好赵伟 | 2024-07-19 10:17:22

踩

限制el-table列最长宽度

el-table可以手动调整列宽，当拉得非常宽的时候会出现横向滚动条

1.css设置不显示横向滚动条


/* 表格不出现横向滚动条 */
  .el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: hidden;
  }

2.设置最大列宽，查阅element官网文档，header-dragend事件可以查看修改前后的列宽

添加事件header-dragend

控制台打印结果


headerDragend: function(newWidth, oldWidth, column) {
      console.log(newWidth);
      console.log(oldWidth);
      console.log(column);
      
    }

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