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!