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