如何为React-Table设置样式？

Question

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

Answer 1

绝对不要更改node_modules。您可以设置内联样式或附加样式。

https://reactjs.org/docs/faq-styling.html

Answer 2

绝对用您自己的文件覆盖CSS类。这是对库中的组件进行样式设置的常见做法。

Answer 3

对于React-Table v6，如果要使用CSS文件，基本上可以通过2种方式来实现。

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开始。