How do you stop the header from wrapping into multiple rows?

bidon

If a columns are too small, ideally the sort arrows with a truncated text/label would stay on one line.

There doesn't seem to be a CSS way to do this, because they get modified by JavaScript in some bent fashion. Currently, it wraps (for some columns) and looks horrible.

allan

[code]
thead th { white-space: nowrap; }
[/code]

should do it.

Allan

isaacd

That did not work for me. I had to add [code].css_right { float: right }[/code] to my CSS in order to get the correct positioning.

It did not work at first though.

I found that when paging controls were added back into the sDom, the sort controls suddenly found the correct position.

It was like the CSS wasn't even getting applied fully until I added the p back by chance.