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;