How to import a CSS file for a package in react.js during bootstrapping?

Question

I'm using a spreadsheet package called React-Datasheet installed with npm in my react.js project. The following instructions are found in the GitHub:

import ReactDataSheet from 'react-datasheet';
// Be sure to include styles at some point, probably during your bootstrapping
import 'react-datasheet/lib/react-datasheet.css';

When I compile the code the styling file does not compile with it. What is the method used to add the react-datasheet.css file?

The content currently renders like this:

How do I import the css file to result in a render that looks like this:

try adding style-loader npmjs.com/package/style-loader

Akhilesh
– Akhilesh

2020-05-29 13:36:06 +00:00
Commented May 29, 2020 at 13:36 — Akhilesh
– Akhilesh, Commented May 29, 2020 at 13:36
I've tried adding style loader and css loader to no avail.

Brandon Pillay
– Brandon Pillay

2020-05-29 15:10:41 +00:00
Commented May 29, 2020 at 15:10 — Brandon Pillay
– Brandon Pillay, Commented May 29, 2020 at 15:10

archit dugar · Accepted Answer · 2020-10-20 08:14:26Z

1

Just add this css in your index as what I found is it has further css https://github.com/nadbm/react-datasheet/blob/master/docs/src/index.css

and add <div className={"sheet-container"}> class or div before rendering ReactDataSheet

answered Oct 20, 2020 at 8:14

archit dugar

661 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to import a CSS file for a package in react.js during bootstrapping?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related