css modules with BootstrapTable?

[reposman33]

Question I use react-bootstrap-table-next": "^4.0.0. Have set up a BootstrapTable and use the classes prop to style it. That works fine but I want to use use css modules since it is super easy in React > 16.8:

When using create-react-app I have 2 options to reference styles in an external stylesheet:

plain scsss:

import './styleSheet.scsss';
...
<table className="myTableclass">

CSS modules:

import * as styles from './styleSheet.module.scsss';
...
<table className={styles.myTableclass}>

The BootstrapTable docs have minimal information on this. All it says is

classes - [String]

So only the first options is covered. Can I use the 2nd options, CSS modules?

[jonathanrodriguezs]

Hi @reposman33, yes, you can use CSS modules because practically they are strings with the class name you declared in your stylesheet plus a hash as an identifier to avoid naming conflicts.

CSS Modules allows the scoping of CSS by automatically creating a unique classname of the format [filename]_[classname]__[hash].

https://create-react-app.dev/docs/adding-a-css-modules-stylesheet/