我如何设置 React-Table 的样式？

Question

我正在使用 react-table 创建一个可过滤的表，但是我想按照我想要的方式设置它的样式。我应该直接在 node_modules 应用程序中更改它，还是应该创建自己的 CSS 文件并覆盖动态检查元素？

原文由 Jeff Goes 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

对于 React-Table v6，如果你想使用 css 文件，你基本上可以通过两种方式来完成。

1. 从 npm 包中的 css 文件开始并覆盖你想要更改的部分

2. 从您自己的 css 文件开始，为所有需要设置样式的内容设置样式

广告 1：

 import "react-table/react-table.css"
import "./your_own_styles.(s)css"

广告 2：

 import "./your_own_styles.(s)css"

要了解您可以在自己的 css 文件中使用什么，您可以看看这个要点： https://gist.github.com/sghall/380aa1055bcad4db22d1fc258d7f09d0

或者从 react-table npm 包（在你的 node_modules 中）复制 react-table/react-table.css 开始。

原文由 acidjunk 发布，翻译遵循 CC BY-SA 4.0 许可协议