javascript - 如何设计 React-Table 的样式？

Question

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

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。