UD-Table headers slips apart when using showsort on a wider table

UD-Table headers slips apart when using showsort on a wider table

avatar

Hello!

When I use showsort on a wider table header alignment becomes strange. If I remove some columns it looks good.



adbe409158abb776a62b8a44d8d09adad852d2f2
It seems the arrow is placed to a new line in some instances:
d6050cf37d316e16bc5415676c7a926a4c491868


Is there a way to fix it?
version: 4.2.21

d6050cf37d316e16bc5415676c7a926a4c491868.png

adbe409158abb776a62b8a44d8d09adad852d2f2.png

avatar
(anonymous user)

Recommended Answer

I investigated further and found the solution, maybe it helps to others as well.
Using the below in UDStyle did the trick:

.MuiTableCell-head{
    white-space: nowrap;
}


All Comments (2)

avatar

I investigated further and found the solution, maybe it helps to others as well.
Using the below in UDStyle did the trick:

.MuiTableCell-head{
    white-space: nowrap;
}


avatar

I noticed this as well with one of my tables and didn’t investigate it as it only occurred on an internal facing page. Fixed the issue for me as well. Thanks!

Ends in 6 days