Mui-datatables: Sort icon wraps to a new line whenever table content width < header width

[KasparasGud]

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.

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]

Temp fix I used for the same issue:

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

[gabrielliwerant]

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