在固定宽度网站中有太多列的网格

Question

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

那么我有什么选择展示非常宽的网格。水平滚动条在我的网站上看起来很丑陋

Answer 1

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

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

我错过了什么吗？

Answer 2

我也在使用telerik控件，经过大量工作后我学到的一件事就是他们的CSS通常很好，但我也遇到了你的问题，这是我的建议。

• Keltex说的话。
• 总是在您的Rad Grid中添加一个自定义类，您可以在其中修复那些讨厌的东西。
• 不要使用Grid的固定宽度，而是在列上使用它并使网格流体化，页面也是如此。

希望这会有所帮助。

Answer 3

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

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

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

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