解決一個高度造成的問題

<template>
<div class="app-container">
  <el-card :body-style="{padding: '12px'}">
    <div slot="header">
      <span>{{ $t('pageInquiryView.goodsInfo') }}</span>
    </div>
    <el-table height="40px" style="width: 100%;" :data="goodsData">
      <el-table-column prop="goodsNo" align="center" label="goodsNo" width="120" />
      <el-table-column prop="goodsName" align="center" label="goodsName" width="150" />
      <el-table-column prop="goodsSpec" align="center" label="goodsSpec" width="150" />
      <el-table-column prop="goodsUnit" align="center" label="goodsUnit" width="100" />
    </el-table>
  </el-card>
</div>
</template>

<script>
export default {
  name: 'Tender',
  data() {
    return {
      goodsData: [{
          id: 1,
          goodsNo: 'TEf220020',
          goodsName: '排水',
          goodsQuantity: '10',
          goodsSpec: '用字什麽地方呢',
          goodsUnit: '100',
          goodsUnitPrice: 100,
          goodsBrandName: 'OUDA',
          notes: '和啊啊打發打發大師傅但是'
        },
        {
          id: 2,
          goodsNo: 'TEf220020',
          goodsName: '排水',
          goodsQuantity: '10',
          goodsSpec: '用字什麽地方呢',
          goodsUnit: '100',
          goodsUnitPrice: 100,
          goodsBrandName: '偶來呀',
          notes: '和啊啊打發打發大師傅但是'
        },
        {
          id: 3,
          goodsNo: 'TEf220021',
          goodsName: '下水道',
          goodsQuantity: '10',
          goodsSpec: '用字什麽地方呢',
          goodsUnit: '100',
          goodsUnitPrice: 100,
          goodsBrandName: '偶來呀',
          notes: '和啊啊打發打發大師傅但是'
        }
      ]
    }
  }
}
</script>

代碼沒有報錯 耶沒有其他提示  但是數據 怎麼都不顯示出來  最後最後 發現是height="40px"導致 

數據顯示出來類啊