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

Question

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

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

Answer 1

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

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

我遗漏了什么吗？

Answer 2

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

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

希望这可以帮助。

Answer 3

我同意 devmania 并使网格变得流畅，我最近也遇到了类似的问题。 因此，我现在将一些专栏进行了包装，并将其余的内容包装起来。 它在较小的屏幕上看起来不太好，但它仍然可用，因为我已经停止了诸如日期+时间列换行之类的操作。 然而，一旦你开始在更宽的屏幕上使用它，它看起来就很棒。

这完全取决于您有多少滚动条。 是否可以删除一些列并将该信息放在弹出/弹出窗口中？

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

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