Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sort icon wraps to a new line whenever table content width < header width #611

Closed
KasparasGud opened this issue May 10, 2019 · 2 comments
Closed

Comments

@KasparasGud
Copy link

Whenever the width of the content is less than that of the header for the column the sort icon wraps to a new line even though there is plenty of space to display it in the same row.

Screen Shot 2019-05-10 at 11 07 45

inspect

Expected Behavior

Sort icon stays in the same row if there is space available

Current Behavior

Sort icon wrapping to a new row

Your Environment

Tech Version
Material-UI ^3.9.3
MUI-datatables ^2.0.0-beta.59
React ^16.8.6
browser Chrome Version 74.0.3729.131 (Official Build) (64-bit)
@amacwhirter
Copy link
Contributor

Temp fix I used for the same issue:

  getMuiTheme = () => createMuiTheme({
    overrides: {
      MUIDataTableHeadRow: {
        root: {
          whiteSpace: 'nowrap'
        }
      }
    }
  });

This was referenced May 17, 2019
@gabrielliwerant
Copy link
Collaborator

Closing as the merged PR here fixes the issue and this fix will be in the next release.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants