固定宽度网站中的网格列过多

Question

我正在使用 Telerik 的 Radgrid 作为网站。网格列通常会超出可用宽度，并延伸到主要内容区域（固定宽度）之外。

那么我有什么选择来呈现非常宽的网格呢？水平滚动条在我的网站上看起来很难看

Answer 1

您的选择是以下各项的组合：

1. 较小的字体
2. 合并一些单元格以包含多行（例如，如果您有<！>“开始日期<！>”和<！>“;结束日期<！>”;将开始日期置于顶部，结束日期在底部。
3. 加宽窗口
4. 使某些单元格有条件地出现（基于用户定义的过滤器）。也许最常用的单元格正常显示，复选框取消隐藏不太常用的单元格或单元格组。
5. 允许水平滚动
6. 使窗口成为流畅的宽度
7. 通过javascript浮动<div>弹出数据，而不是将其放在列中

我错过了什么吗？

Answer 2

我也在使用 Telerik 控件，在与他们进行大量工作后我学到的一件事是他们的 CSS 通常很好，但我也面临你的问题，这是我的建议。

• 凯尔特克斯说的话。
• 总是向你的 Rad Grid 添加一个自定义类，你可以在其中修复那些讨厌的东西。
• 不要对网格使用固定宽度，而是在列上使用它并使网格流动，页面也是如此。

希望这可以帮助。

Answer 3

我同意devmania并使网格流畅，我最近遇到了类似的问题。所以我做了一些我的专栏现在，并留下其余的包裹。它在较小的屏幕上看起来不太好但它仍然可用，因为我已经停止了诸如日期+时间列包装之类的事情。但是，一旦你开始在更宽的屏幕上使用它，它看起来很棒。

这一切都取决于你有多少滚动条。是否有可能删除一些列并在某个弹出/弹出窗口中显示该信息？

另一种选择是使哪些列显示为用户可配置，但您并没有真正解决问题，只是让用户负责使其看起来不错。

如果你无法摆脱水平滚动条，你至少应该尝试将更重要的列放在第一位，这样你的用户就不必经常向右滚动。