el-dialog内的el-table实现自适应高度

需求：
有一个对话框el-dialog，在对话框里放置按钮、表单及el-table，如果把el-table高度固定了，小屏幕用户使用起来会很难受。我希望高度能随用户屏幕进行调整，大屏幕用户尽量让el-table显示出来(起码显示10条数据)，但又不能太大，因为这样用户如果只显示10条数据，高度拉得特别长，el-table空白会特别多。所以需要设置max-height。高度自适应我这里直接使用vh，如有缺点，还请各位看官评论。

代码：

    tableCellStyle({ row, column, rowIndex, columnIndex }){
      if (column!==0) {
        return "padding:6px 0;"
      }
    },

这里的480px是我完成限制10条数据el-table所需要的高度(我还修改了el-table每个数据行的padding数值)，如果你的el-table高度不是这样，可以另行调整。60vh是我表单内容较少且在小屏幕下能完整显示el-table的情况，可以另行调整。