ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

解决el-table加了height滚动条不显示的问题(需要点击、拖动窗口等操作才显示)

2021-01-17 23:33:34  阅读:153  来源: 互联网

标签:el 显示 拖动 height 滚动条 点击 table


需求:

table滚动条本来是正常显示的,产品又加了需求如下:一开始只展示用户自己添加的行,点击按钮显示全部的行,需求实现了,滚动条却不显示了

如图,其实是有16条数据,但是只显示了四条,也没显示滚动条,奇怪的是点击上移下移操作,或者拖动窗口,滚动条都会出现

原来的代码:

       <el-table
         ref="multipleTable"
        :row-class-name="tableRowClassName"
        :data="tableData"
        :height="styleObject.height"
      >
      </el-table>

可以看到之前是通过height属性给table定义高度

解决办法:删除table中的:height,外层包一个div自己定义style高度

<div style="overflow:auto" :style="{height:styleObject.height}">
  <el-table>
  </el-table>
</div>

效果如下: 

至此,问题解决。

标签:el,显示,拖动,height,滚动条,点击,table
来源: https://blog.csdn.net/a1059526327/article/details/112759720

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有