MVCGrid.net - Держите заголовок столбца и значок сортировки в одну строку

Question

Я использую MVCGrid.net на моем ASP.NET веб-сайте MVC, и в некоторых случаях, когда недостаточно места, сетка будет перемещать заголовок столбца сверху или снизу от значка сортировки справа от него.
Вот пример:

Есть ли способ заставить заголовок и значок всегда оставаться в одной строке вместо того, чтобы перемещаться сверху или снизу друг от друга?

Я уже пытался использовать white-space: nowrap, overflow: hidden и display: inline-block, но ни один из них не устранил проблему. В настоящее время я использую min-width как временное решение, но это не очень элегантно и зависит от длины заголовка столбца.

Answer 1

white-space: nowrap должен сделать трюк, но для того, чтобы он работал, необходимо установить для элемента table значение table-layout:fixed;