有没有办法改变react-bootstrap-table的分页样式？

Question

React-bootstrap-table 中分页行的默认样式使用引导网格列大小调整类名称（例如“col-xs-6”）。我们使用与默认大小不同的网格（60 而不是 12），因此分页元素最终会被压缩成一直向左的小列。

将类名称设置为“col-xs-30”可以解决该问题。但我没有看到调整任何分页样式的选项。

我发现有一种方法可以完全自定义呈现分页元素。这是我唯一的选择吗？复制原件并仅更改列大小？

Answer 1

在 Chrome 中，按Ctrl + Shift + C并选择要设置样式的元素。在开发人员工具中检查该元素正在使用哪个 CSS 类，复制它，转到项目的 CSS 文件，将其粘贴进去，最后根据需要更改样式。

例如==>

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus

希望有帮助。

干杯!