UD-Table headers slips apart when using showsort on a wider table
Hello!
When I use showsort on a wider table header alignment becomes strange. If I remove some columns it looks good.
It seems the arrow is placed to a new line in some instances:
Is there a way to fix it?
version: 4.2.21
d6050cf37d316e16bc5415676c7a926a4c491868.png
adbe409158abb776a62b8a44d8d09adad852d2f2.png
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;
}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;
}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!