el-table固定表头

前提：getTableMaxHeight.js
/**
 * @param {Number} difference_height 需要减去的值
 * @return {Number} table的最大高度值
 */
function getTableMaxHeight(difference_height) {
 // 这里可以再写一些对difference_height类型判断的代码
 let height = document.body.clientHeight //浏览器高度
 return height - difference_height
}


export default getTableMaxHeight

引入：import getTableMaxHeight from './getTableMaxHeight'

1、:max-height="max_height"


2、data：this.max_height = null 

 // 获取表格最大高度，用于固定表头
3、methods:{
get_max_height() {
   this.max_height = getTableMaxHeight(270)
  },
}
4、mounted(){
  this.get_max_height()
  window.addEventListener('resize', this.get_max_height) // 监听窗口大小变化用以表格最大高度自适应
}
5、beforeDestroy() {
  window.removeEventListener('resize', this.get_max_height) // 移除监听窗口变化监听事件
 },