question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

layout breaks as soon as material-table is imported onto the page,

See original GitHub issue

As soon as I import material-table component onto the page, layout breaks. I suspect that it has something to do with the order in which core material-ui and material-table styles are loaded. Do we have any control over this?

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:4
  • Comments:11

github_iconTop GitHub Comments

2reactions
jayarjocommented, Jul 24, 2019

The solution that worked for me was using same version of material-ui/* modules as used by material-table.

1reaction
kaienbcjdoapwkflduecommented, Jul 9, 2019

@jayarjo After struggling with this for a while, I now simply updated all the dependecies of my client to their latest version (npm update), which solved the problem. So maybe try to update everything related to material-ui as well as material-table.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Material UI material-table TablePagination issue. (React)
I encountered a somewhat related issue with TablePagination from material-ui, specifically on the onRowsPerPageChange props, for me, upgrading ...
Read more >
material-table
material-table. React data table component that is based on material-ui. Get Started. GitHub stars. Actions. You can add one or multiple row based...
Read more >
Migrating to v5: getting started - Material UI - MUI
This guide explains how and why to migrate from Material UI v4 to v5. Material UI v5 migration. Getting started you are here;...
Read more >
Learn Material Table with React JS in 1 Hour - YouTube
This video is a complete Material table Crash Course for beginners. The video covers different table Topics and implementation in one single ...
Read more >
Make a Great Table with Material UI Table - CopyCat Blog
Note: On v5, Material-UI changed its name and is available in NPM ... Step 2: Import the required material table react.js components here....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found