如何设置 React-Table的样式

我应该直接在 node_modules 应用程序中更改它,还是应该创建自己的 CSS 文件并覆盖在飞行中检查元素?

我应该直接在 node_modules 应用程序中更改它,还是应该创建自己的 CSS 文件并覆盖在飞行中检查元素?

8

对于 React-Table v6,如果要使用 css 文件,基本上可以通过 2 种方式进行操作。

从 npm 包中的 css 文件开始,并覆盖要更改的部分

从您自己的 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。

7

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

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

绝对用你自己的文件覆盖 CSS 类。这是从库样式组件的常见做法。

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(13)
如何在React组件中导入CSS文件
上一篇
使用JavaScript将CSS属性添加到元素
下一篇

相关推荐

发表评论

登录 后才能评论

评论列表(81条)