zoukankan      html  css  js  c++  java
  • elementui table 闪动以及table不停拉伸的问题

    问题描述

    使用elementUI的table组件时发现,进入页面加载数据后页面不停闪动

    问题解决

    // el-table渲染页面抖动,全局添加样式
    .el-table {
       99.9% !important;
    }
    

    可能衍生问题

    切换路由后table表格加载数据时候table宽度变小或者变大(打开页面后table开始拉伸直到达到某一个值后停下来)

    解决table宽度变化的问题

    给app-main下的直接子元素添加属性值

    .app-main > div {
       100%;
    }
    

    resizable属性

    对应列是否可以通过拖动改变宽度(需要在 el-table 上设置 border 属性为真)

    拖动表头衍生问题

    使用resizeable后发现拖动table的最后一个表格导致table右侧出现空白情况,可以通过全局设置以下属性解决:

    /deep/ .el-table__header{
       100%!important;
    }
    /deep/ .el-table__body{
       100%!important;
    }
    
  • 相关阅读:
    2017年9月22日 关于JS数组
    2017年9月20日
    2017年9月19日 JavaScript语法操作
    2017年9月18日
    2017年9月17日 JavaScript简介
    2017年9月16日
    2017年9月15日
    2017年9月14日
    2017年9月12日
    贪吃蛇全文
  • 原文地址:https://www.cnblogs.com/codebook/p/14476960.html
Copyright © 2011-2022 走看看