react-bootstrap-table - 有没有办法更改 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

希望对您有所帮助。

干杯!