reactjs - 如何更改材料表中的水平滚动条宽度？

Question

是否可以更改Material-Table的水平滚动条的粗细？我已经尝试将scrollBarWidth属性和scrollPadding属性添加到styletable 组件中的 prop 中，但没有奏效。是否可以完全改变宽度？

标签： reactjsmaterial-table

Answer 1

将此 css 添加到包装我的 MaterialTable 的 div 中删除了预设滚动条并将其替换为样式滚动条。

* {
overflow-y: clip !important;
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-track {
  border-radius: 5px;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

}