el-table底部空白,el-table__body-wrapper is-scrolling-left元素高度计算错误

element-UI里面table好用,但是也有很多问题,需要根据场景具体解决。

今天说的问题就是:我要显示10条数据,给的高度也够,可是只显示了6条数据,需要我滚动才能显示剩下的,这样体验很不好。

原因:
element-ui 里面的bug。

解决办法:
动态计算table的高度。

.assets-table  /deep/.el-table__body-wrapper {
    height: calc(100% - 40px) !important;
  }

class assets-table 就是table 上面的样式。

这里有作者给出了一个方式,动态解决el-table底部空白的问题

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章