css - 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;