Element UI 的 el-table 高度动态适配

页面有效区域就那么大，甲方爸爸喜欢看表格数据时 它的表头可以固定住，不要全屏滚动。

直接使用el-table的height属性，可以传一个高度给它，就会以这个高度固定表格，内部数据滚动~

但是我想屏幕大小table自适应高度，天真的输入80%， 发现不生效！这就需要人为操作如下：

<template>
    <lls-table
      :data="tableData"
      :height="tableHeight">
    </llst-bale>
</template>
export default {
    data () {
        return {
            tableHeight: window.innerHeight - 320,
　　　　　　　tableData: [],
        }
    },
    created () {
        window.addEventListener('resize', this.getTableHeight)
    },
    destroyed () {
        window.removeEventListener('resize', this.getTableHeight)
    },
    methods () {
        getTableHeight () {
          this.tableHeight = window.innerHeight - 320
        },
    },
}