Как мне оформить React-Table?

Question

Я использую реагирующую таблицу для создания фильтруемой таблицы, однако я хотел оформить ее так, как хочу.Должен ли я изменить его непосредственно внутри приложения node_modules или мне нужно создать свой собственный файл CSS и переопределить проверку элемента на лету?

Answer 1

Определенно не изменяйте node_modules.Вы можете использовать встроенные стили или прикрепить стили.

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

Answer 2

Для React-Table v6 вы можете сделать это двумя способами, если хотите использовать css-файлы.

1. Начните с файла css из пакета npm и переопределите фрагменты, которые вы используете.хотите изменить

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

Или начать с копированияАкция-таблица / реакт-таблица.css из пакета реактивной таблицы npm (в ваших модулях node_modules).

Answer 3

Определенно переопределите классы CSS своим собственным файлом.Это обычная практика для стилизации компонентов из библиотек.