MVCGrid.net -将列标题和排序图标保持在一行中

Question

我在我的ASP.NET MVC网站中使用MVCGrid.net，在某些情况下，当没有足够的空间时，网格会将列的标题移动到右侧排序图标的顶部或下方。

下面是一个示例：

​

有没有办法强制标题和图标始终保持在同一行，而不是移动到彼此的顶部或下方？

我已经尝试过使用white-space: nowrap、overflow: hidden和display: inline-block，但这些都不能解决问题。我目前使用min-width作为临时解决方案，但这并不是很优雅，这取决于列的标题有多长。

Answer 1

white-space: nowrap应该可以做到这一点，但是要让它工作，您需要将table元素设置为table-layout:fixed;