• 解决element-ui的table切换选项卡后,fixed列底部出现小方格


    我一直用的是element-ui的前端库,非常好用,有一些bug我自己也能修复了。最近遇到table的一个样式的bug,其实这个很久前也遇到了,只是最近在弄这个多页面标签功能,经常要切换来切换去,结果这个现象经常出现。

    就是某一列我用了fixed固定,然后我切换到其它标签页,再切换回来,发现固定列的底部就出现了17px的方格,如下图所示,17px这个尺寸,我一下就知道是跟滚动条有关的,如果table的横向列不出现滚动的话,就会出现我这个bug,如果会出现滚动条的话,就不会出现这个bug。

    经过我的研究,解决方法也很简单,添加以下css样式就解决了,就是没有滚动条时,那个固定列为100%高度

    .el-table:not(.el-table--scrollable-x) {
        .el-table__fixed-right {
            height: 100% !important;
        }
    }
  • 相关阅读:
    php面向对象三大特性
    php面向对象的重写与重载
    一组成对的数字,找出不成对的数字
    如何创建dll以及使用
    常见运行时错误
    连续数的和
    绕圆圈取球
    第一章 概述
    错误2038
    一个简单的环境光shader
  • 原文地址:https://www.cnblogs.com/caijt/p/13024279.html
Copyright © 2020-2023  润新知