The bootstrap table fixes the rightmost column, repeats and falls

Time:2021-12-18

The bootstrap table fixes the rightmost column, repeats and falls
As shown in the figure above, you can’t solve the problem if you keep searching.
Therefore, I looked at the source code, looked at other people’s examples, and finally found a solution;
Just add some CSS style. So in case everyone encounters the same problem, record it.

.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);
}