CODEWITHSUNDEEP
javascriptcssreactjsmaterial-ui
vineeth
vineeth

Reputation: 43

How to stop the buttons overflowing in material ui table row while scrolling?

Buttons in the table cell are overlaying the table header while scrolling. here is the demo https://codesandbox.io/s/qx24l9vrz6 any help is appreciated.

Upvotes: 1

Views: 755

Answers (2)

Abin Thaha
Abin Thaha

Reputation: 4643

Try this simple solution

.SimpleTable-head-2 {
    //Code you already have
    z-index: 3;
}

.MuiButton-sizeSmall-31 {
    z-index: 1;
}

Upvotes: 1

Adel Elkhodary
Adel Elkhodary

Reputation: 1647

just give that class .SimpleTable-head-2 z-index: 999; any higher number it will fix your problem

Upvotes: 0

Related Questions