Bootstrap 5 - 表响应 - 不工作(对我来说)

时间:2021-06-16 18:07:37

标签: html-table responsive bootstrap-5

除非我添加诸如以下内容,否则我无法使水平滚动与表格响应一起工作: style = "width: 1000px" 到表格(见下文)。但这会导致垂直滚动条(如果有)移到表格的右侧。

有人能指出我正确的方向吗?

extra

1 个答案:

答案 0 :(得分:0)

您可以通过添加使其水平滚动

AGE BANNED  CHARGEBACK  SCORE   "UPDATED SCORE"
45    1        0         75      75
33    0        0         45      **100**
44    0        0         77      **100**
235   0        1         75      75
43    1        0         88      88
21    0        0         23      **100**
1     0        0         56      **100**
432   1        1         12      12

overflow-x: auto;
.table-scrollable {
  overflow-x: auto;
  max-width: 600px;
  box-shadow: inset 0 0 5px rgba(150, 150 ,150,0.35);
  margin: auto;
}