解决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;
    }
}

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

原文：https://www.cnblogs.com/caijt/p/13024279.html