columns-reordering problem on NextJS

This issue has been tracked since 2022-12-01.

Describe the bug

Table does not generate on NextJS with sample code columns-reordering

To Reproduce

1.Create new project NextJS with commend
npx [email protected]
2. install package
npm install react-data-grid
npm installreact-dnd react-dnd-html5-backend

I'm copy code from your example and modify a little bit for run this sample (change import from "src" to import form "react-data-grid"
Link to code example:

but table does not generate. Please advise for the way for fix this problem,

Expected behavior

Environment

"@types/node": "18.11.10",
"@types/react": "18.0.25",
"@types/react-dom": "18.0.9",
"eslint": "8.28.0",
"eslint-config-next": "13.0.5",
"next": "13.0.5",
"react": "18.2.0",
"react-data-grid": "^7.0.0-beta.20",
"react-dnd": "^16.0.1",
"react-dnd-html5-backend": "^16.0.1",
"react-dom": "18.2.0",
"typescript": "4.9.3"

Additional context

darren10201 wrote this answer on 2022-12-04

show your code not other people's code that clearly works

phonyman wrote this answer on 2022-12-04

@darren10201, I'm newbie for reactjs, I saw sample of react-data-grid: https://adazzle.github.io/react-data-grid/#/common-features is very exciting, but I can't find full document or example code for run with full function. Could you advise for find example code for my learning?

aitorllj93 wrote this answer on 2022-12-04

@phonyman you can find exactly what you want here. Also, for the issue you were facing, I think you forgot to load the styles with import 'react-data-grid/lib/styles.css';

roquib wrote this answer on 2022-12-04

@phonyman you can find exactly what you want here. Also, for the issue you were facing, I think you forgot to load the styles with import 'react-data-grid/lib/styles.css';

I was upgrading my project from the next 12 to 13, it solves the issue.

phonyman wrote this answer on 2022-12-04

@roquib , @aitorllj93
It's working, Thank you very much for your support. :)

Your Name

Your Comment

More Details About Repo

Owner Name	adazzle
Repo Name	react-data-grid
Full Name	adazzle/react-data-grid
Language	TypeScript
Created Date	2015-03-06
Updated Date	2023-03-23
Star Count	5922
Watcher Count	129
Fork Count	2072
Issue Count	161

YOU MAY BE INTERESTED

Issue Title	Created Date	Updated Date