Material-ui: TableBody does NOT vertically scroll

Created on 29 Jun 2018  路  3Comments  路  Source: mui-org/material-ui

  • [x] This is a v1.x issue (v0.x is no longer maintained).
  • [x] I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

TableBody should scroll vertically while TableHead is frozen in place.:
https://stackoverflow.com/questions/51068118/material-ui-give-tablebody-a-max-height-and-make-it-vertically-scrollable/51107369#51107369

Current Behavior


TableBody and TableHead scroll together (TableHead should be frozen):
https://stackoverflow.com/questions/51068118/material-ui-give-tablebody-a-max-height-and-make-it-vertically-scrollable/51107369#51107369

Steps to Reproduce (for bugs)

https://codesandbox.io/s/y03vmkkkqj

Context

This is such a basic feature for any table, how does Material UI NOT support this? That's ridiculous
Paging is supported, but who wants to page? It's such an annoying/slow user experience.
Infinite scrolling rocks!

Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | v1.0.0 |

duplicate

All 3 comments

This is such a basic feature for any table, how does Material UI NOT support this? That's ridiculous

@etayluz If Material-UI is so far from your needs that it provokes this sort of reaction, you might want to explore alternatives. Being the world's favourite React UI library doesn't make it right for everyone, and you're under no obligation to use it.

OTOH, if you feel you can contribute a meaningful improvement, we're all ears.

@etayluz It's a duplicate of #6625.

In case anyone else is looking for this later, I achieved an effect close to what I was looking for with stickyHeader on the Table component with overflow: auto; on the parent container. I was also looking for a sticky footer which I was able to achieve using the same approach as the sticky header:

    .MuiTablePagination-root {
      position: sticky;
      bottom: 0;
      background-color: #FAFAFA;
    }
Was this page helpful?
0 / 5 - 0 ratings

Related issues

sys13 picture sys13  路  3Comments

FranBran picture FranBran  路  3Comments

rbozan picture rbozan  路  3Comments

mb-copart picture mb-copart  路  3Comments

revskill10 picture revskill10  路  3Comments