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

标签 css asp.net-mvc mvcgrid.net

我在我的 ASP.NET MVC 网站中使用 MVCGrid.net,在某些情况下,当没有足够的空间时,网格会将列的标题移动到排序的顶部或底部它右边的图标。
这是一个例子:
enter image description here

有什么方法可以强制标题和图标始终保持在同一行,而不是移动到彼此的上方或下方?

我已经尝试过使用 white-space: nowrapoverflow: hiddendisplay: inline-block 但这些都没有解决问题.我目前使用 min-width 作为临时解决方案,但这不是很优雅,并且取决于列标题的长度。

最佳答案

white-space: nowrap 应该可以解决问题,但要使其正常工作,您需要将 table 元素设置为 table-layout:fixed;

关于css - MVCGrid.net - 将列标题和排序图标保持在一行中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55899039/

相关文章:

html - 选择字段的布局问题(firefox)

css - 如何使用 css 将图像链接缩放到 100% 的 div?

asp.net-mvc - MVCGrid.Net 排序问题 - sortdirection

html - CSS 背景 gif 图像不循环重复

c# - 如何将 Razor View 转换为字符串?

javascript - 或者 JavaScript 中的声明?

c# - ASP.NET MVC 单元测试项目 Entity Framework 错误

asp.net-mvc - 在特定列而不是整个网格上使用 settings.CellEditorInitialize

c# - MVCGrid.NET - 如何重新加载网格?

html - 根本看不到边框,页脚也没有颜色