React table not working in live demo of Material Dashboard PRO

[emilandreas]

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

The react-table example from the live demo (and in my project) is expected to be able have the column width manually changed. You should be able to drag the column headers with the mouse.

Current Behavior

When hovering with the mouse, you are now now able to se the mouse-symbol indicating that you can drag the columns, but when doing so, the rows will start to missalign.

Failure Information (for bugs)

Steps to Reproduce

1. Open the react-table site on the live demo of the Material dashboard PRO

2. Use your mouse to try and change the column width on one of the columns in the table.

Context

I am running Ubuntu, this happens at least on firefox and chrome.

[einazare]

Hello there, @emilandreas ,

Thank you for your interest in working with our products.
The issue comes from react-table itself, the resize function doesn't work properly in version 6.9.2, version which comes with this product.
You can read more about this issue here: TanStack/table#1271
Just wanted to leave the above information so that you understand, this issue isn't from our design/styles/code.
This being said, I've made some testings, and it seems that this issue was solved in version 6.10.0.
Just go ahead and change in our package.json the version of react-table.

All the best,
Manu
ReactJS Developer at Creative-Tim.com (http://creative-tim.com/)

Trying to help the open source community:

• https://medium.freecodecamp.org/how-to-use-reactjs-with-webpack-4-babel-7-and-material-design-ff754586f618

• https://medium.freecodecamp.org/how-to-use-redux-in-reactjs-with-real-life-examples-687ab4441b85

• https://medium.freecodecamp.org/how-to-connect-a-react-design-system-with-firebase-and-redux-9646ca1c733f

• https://www.youtube.com/watch?v=raKV5Rb8oOM&list=PLWxSJr7LCl87rGlQtTo2PoX8hboUU0R8a

• https://www.youtube.com/watch?v=no2PD2kq-dE&list=PLWxSJr7LCl87OomktWFQVW30QDWtBqFlx

• https://www.udemy.com/learn-reactjs-with-webpack-4-babel-7-and-material-design/

If you've liked what you saw, help me with a comment, like, share or subscribe.