bootstrap table 使用fixed-columns后，固定列把表格下面的滚动条遮住了

Question

问题：
bootstrap table 使用fixed-columns后，固定列把表格下面的滚动条遮住了，用浏览器开发者模式看是fixed-table-column的高度把滚动条覆盖住了

代码### 问题描述

问题出现的环境背景及自己尝试过哪些方法

      this.$fixedBody.css({
        top: 0,
        width: this.getFixedColumnsWidth(),
        height: this.$tableHeader.outerHeight(true) + this.$tableBody.outerHeight(true)-20
      });

修改bootstrap-table-fixed-columns.js ，把高度减去20，滚动条显示正常了。但这个减的是个绝对值，不知道有什么好的办法可以解决

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
fixedColumns: true,
fixedNumber: 3,

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

我也遇到了这个问题,可以看getScrollBarWidth这个方法, 里面有一个

var $outer = $('<div/>').addClass('fixed-table-scroll-outer');
$('body').append($outer);

所以只需要把$outer这个元素的滚动条宽度设为想要的宽带就好了