zoukankan      html  css  js  c++  java
  • elment-UI中表头和内容错位

    当出现纵向滚动条的时候就错位了

     网上找了很多方法发现对我的不生效

    //把这样式添加到index.html中、或者app.vue中(必须是入口文件,才能全局起作用!)
    body .el-table th.gutter
    { display: table-cell!important; } body .el-table colgroup.gutter{ display: table-cell!important; }

    自己摸索了一个

    .el-table--scrollable-y .el-table__body-wrapper {
        overflow-y: overlay !important;
    }
    //有滚动条,但是不计滚动条宽度

    亲测有效,至于兼容性的话还有待研究,因为在网上没找到相关的官文文档

    要是怕兼容性的话,俺又摸索了一个

    .el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar {
        width: 0;
    }
    //没有滚动条

     亲测有效,根据需求自行选择

     拓展:

    https://www.cnblogs.com/ll15888/p/11871888.html

     

  • 相关阅读:
    大数板子
    数位dp
    BM算法
    牛客小白月赛7
    划分树
    可持久化线段树
    素数
    一些数学公式
    线性基
    ConcurrentHashMap 并发HashMap原理分析
  • 原文地址:https://www.cnblogs.com/ll15888/p/11871107.html
Copyright © 2011-2022 走看看