iview table 表格高度超出后,固定表头,heigth值动态设置

  • Post author:
  • Post category:其他


第一步:给table添加 height属性

<Table
    :loading="loading"
    border
    :columns="columns"
    :data="data"
    ref="table"
    id="tables"
    :row-class-name="rowClassName"
    :height="height"
></Table>

第二步:data定义变量

export default {  
  data() {
    return {      
      height: parseInt(window.innerHeight - 203)
    }
  }
}

第三步:resize

mounted() {
    window.addEventListener("resize", () => {
        this.height = parseInt(window.innerHeight - 203);
    });
}



版权声明:本文为weixin_42213796原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。