Material-table: CSS off , supported with screenshot from matrial-ui website

Created on 8 Aug 2019  Â·  8Comments  Â·  Source: mbrn/material-table

bug_display_maerial_ui
I have similar issue in my dev environment as well.

Most helpful comment

It's not finding the icons it uses for pagination, sort, etc. features; you can resolve by manually passing an icon prop object to the table, as described here.

I had the same issue pop up after restructuring an app and re-installing node modules.

All 8 comments

Look at the search & pagination part at a minimum.

I noticed that material-ui site don't show the issue any more. I still have it in my pc.
Any pointer is appreciated.
Chrome
image

Issue is both in Chrome & Firefox
image

image

Just created clean demo, attached is the screenshot on debug mode.

image

Here are the dependency from package.json
image

{
"name": "fleet_ui",
"version": "0.1.0",
"private": true,
"dependencies": {
"@material-ui/core": "^4.3.1",
"@material-ui/icons": "^4.2.1",
"@material-ui/styles": "^4.3.0",
"axios": "^0.18.0",
"bootstrap": "^4.3.1",
"html2canvas": "^1.0.0-rc.3",
"i18next": "^15.1.0",
"i18next-browser-languagedetector": "^3.0.1",
"jspdf": "^1.5.3",
"jspdf-autotable": "^3.1.1",
"material-table": "^1.47.0",
"muicss": "^0.9.41",
"react": "^16.8.4",
"react-dom": "^16.8.4",
"react-i18next": "^10.9.0",
"react-redux": "^7.0.0-beta.0",
"react-router-dom": "^5.0.0",
"react-scripts": "2.1.8",
"recharts": "^1.5.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
]
}

It's not finding the icons it uses for pagination, sort, etc. features; you can resolve by manually passing an icon prop object to the table, as described here.

I had the same issue pop up after restructuring an app and re-installing node modules.

I see, Thanks I will check it out.

On Sat, Aug 10, 2019, 10:47 AM Thomas notifications@github.com wrote:

It's not finding the icons it uses for pagination, sort, etc. features;
you can resolve by manually passing an icon prop object to the table, as
described here
https://github.com/mbrn/material-table#2add-material-icons.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/mbrn/material-table/issues/953?email_source=notifications&email_token=AAGAHOCZ6HQERX23G637MVDQD35LJA5CNFSM4IKEYEZKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD4ASCEI#issuecomment-520167697,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AAGAHODEF24GR2CCPIJQNXTQD35LJANCNFSM4IKEYEZA
.

I am closing this issue. You can reopen if you need.

Thanks, linking in my inde.html worked.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

KKrisu picture KKrisu  Â·  3Comments

ModPhoenix picture ModPhoenix  Â·  3Comments

ps1011 picture ps1011  Â·  3Comments

lazeebee picture lazeebee  Â·  3Comments

behrouz-s picture behrouz-s  Â·  3Comments