hanne_lovegood 2022-05-31 10:48 采纳率: 78.6%
浏览 392

el-table自适应有限制,表格宽度最多80

el-table
已经设置了自适应,在各种设置样式的地方都删掉了固定的width

#company-realtime .el-table__header {
  width: auto !important;
}
#company-realtime .el-table__body {
  width: auto !important;
}

在一定的屏幕宽度范围内也确实实现了自适应,但是再拉大一点,表格就不继续放大了,导致右边出现空白的一块

img

我发现了是跟表格有多少列相关的,4列的表格,el-table__header宽度会限制为320,7列的表格是540

img

也就是说限制了每个单元格最大宽度是80

我没有在哪里设置确切的宽度,应该是el-table自带的吧,试了一下设置个auto也不行

怎么样可以突破这个限制,让表格随着屏幕宽度变大,而继续扩大呢?

  • 写回答

1条回答 默认 最新

  • 搬砖的小编 2022-05-31 16:46
    关注

    加个宽度100%

    
    <el-table
          :data="tableData"
          style="width: 100%">
    
    评论

报告相同问题?

问题事件

  • 修改了问题 5月31日
  • 创建了问题 5月31日

悬赏问题

  • ¥15 在获取boss直聘的聊天的时候只能获取到前40条聊天数据
  • ¥20 关于URL获取的参数,无法执行二选一查询
  • ¥15 液位控制,当液位超过高限时常开触点59闭合,直到液位低于低限时,断开
  • ¥15 marlin编译错误,如何解决?
  • ¥15 有偿四位数,节约算法和扫描算法
  • ¥15 VUE项目怎么运行,系统打不开
  • ¥50 pointpillars等目标检测算法怎么融合注意力机制
  • ¥20 Vs code Mac系统 PHP Debug调试环境配置
  • ¥60 大一项目课,微信小程序
  • ¥15 求视频摘要youtube和ovp数据集