bootstrapTable 固定最右侧列,重复且掉下来

bootstrapTable 固定最右侧列,重复且掉下来_第1张图片
如上图所示,然后不停地搜索,找到的根本无法解决问题。
所以,自己又看看了源码,查看别人例子,终于找到了解决方法;
只需要加点css样式即可。所以以防大家遇到一样的问题,记录一下。

.fixed-columns,
.fixed-columns-right {
  position: absolute;
  top: 0;
  height: 100%;
  min-height: 41px;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 2;
  box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.08);
}
.fixed-columns .fixed-table-body,
.fixed-columns-right .fixed-table-body {
  min-height: 41px;
  overflow-x: hidden !important;
}
.fixed-columns {
  left: 0;
}
.fixed-columns-right {
  right: 0;
  box-shadow: -1px 0 8px rgba(0, 0, 0, 0.08);
}

你可能感兴趣的:(bootstrap前端)