ElementUI表格el-table自适应高度(表头表尾固定不动)

ElementUI表格el-table自适应高度(表头表尾固定不动),内容只在中间滚动,效果如图:

ElementUI表格el-table自适应高度(表头表尾固定不动)_第1张图片

实现代码

保存 导出Excel

使用JS动态获取窗口高度

data(){
 return{
  tableHeight: window.innerHeight + 'px'
 }
}
vue绑定变量

需要给el-table  加上高度样式 

 
  

你可能感兴趣的:(html,js,elementui,前端,javascript)