2.9.1 table components set height to 100% cause some problem

[yklhello]

Element UI version

2.9.1

OS/Browsers version

mac/chrome

Vue version

2.6.10

Reproduction Link

https://codepen.io/ykl/pen/eaQWpR

Steps to reproduce

set height to 100% in component el-table
open any browser to see the height become 100px
surprise~

What is Expected?

the actual height become 100%

What is actually happening?

the actual height become 100px

[lanseria]

it also cause. if set table height to calc(100vh - 260px)

[zhangruinian]

same problem now
I solve it with

<el-table style="height: calc(100vh - 225px); overflow: auto;">

[Yancy1028]

same problem now
waiting

[zhangruinian]

想设置响应式table高度 超过出现滚动条...现在全得修改 郁闷呀

[zhangruinian]

之前项目的height:100%全失效了

[zhangruinian]

using 2.9.0 everything is ok there

[ggwork]

give the el-table parent node a height, then give the el-table a samller height then set the el-table min-height 100%;
like this min-height100%

[victorpfm]

using 2.9.0 everything is ok there

Downgraded from 2.9.1 to 2.9.0 and it's OK now.

[ziyoung]

提了一个 pr #16013 大家可以帮忙 review

[zeroxer]

Version

"element-ui": "^2.13.1",
"vue": "^2.5.16"

Solution

height="100%" works for me

<el-table
    :data="tableData"
    height="100%"
    border
    style="width: 100%">

[Rehtt97]

give the el-table parent node a height, then give the el-table a samller height then set the el-table min-height 100%;
like this min-height100%

这个方法有用！