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;
    }
    
  • 相关阅读:
    consumer详解
    消费幂等
    死信队列
    消息重试
    负载均衡
    存储层
    producer消息
    消息发送与接收
    TCC
    form表单提交前进行加密
  • 原文地址:https://www.cnblogs.com/codebook/p/14476960.html
Copyright © 2011-2022 走看看