Сетка со слишком большим количеством столбцов на веб-сайте фиксированной ширины

Question

Я использую Radgrid от Telerik для веб-сайта.Часто столбцы сетки превышают доступную ширину и выходят за пределы основной области содержимого (фиксированная ширина).

Итак, каковы мои варианты представления очень широких сеток?горизонтальные полосы прокрутки выглядят на моем сайте просто ужасно

Answer 1

Вы можете выбрать один из следующих вариантов:

<Ол>

Меньшие шрифты

Консолидируйте некоторые ячейки, чтобы иметь более одной строки (например, если у вас есть " дата начала " и " end date " поместите дату начала сверху и дата окончания внизу.

Расширьте окно

Сделайте так, чтобы некоторые ячейки выглядели условно (на основе пользовательских фильтров). Возможно, наиболее часто используемые ячейки отображаются нормально, и флажок отображает менее часто используемые ячейки или группы ячеек.

Разрешить горизонтальную прокрутку

Сделайте окно шириной жидкости

Всплывающие данные в плавающем <div> через JavaScript вместо того, чтобы поместить их в столбец

Я что-то пропустил?

Answer 2

Я тоже использую элементы управления Telerik. После долгой работы с ними я понял одну вещь: их CSS обычно хорош, но я также столкнулся с вашей проблемой, и вот мой совет.

• что сказал Келтекс.
• всегда добавляйте собственный класс в свою Rad Grid, где вы исправите эти неприятные вещи.
• не используйте фиксированную ширину для сетки, вместо этого используйте ее для столбцов и сделайте сетку гибкой, как и страница.

надеюсь это поможет.

Answer 3

Я согласен с devmania и делаю сетку текучей, у меня недавно была похожая проблема. Таким образом, я сделал несколько своих колонок сейчас, а остальные оставил, чтобы обернуть. На маленьких экранах он выглядит не очень хорошо, но его все же можно использовать, потому что я остановил такие вещи, как перенос столбцов даты и времени. Однако, как только вы начинаете использовать его на более широком экране, он выглядит великолепно.

Все зависит от того, какая полоса прокрутки у вас есть. Можно ли вырезать некоторые столбцы и разместить эту информацию где-нибудь во всплывающем окне / всплывающем окне?

Другой вариант - указать, какие столбцы отображаются настраиваемыми пользователем, но вы на самом деле не решаете проблему, а просто возлагаете на пользователя ответственность за то, чтобы он выглядел красиво.

Если вы не можете избавиться от горизонтальной полосы прокрутки, вы должны, по крайней мере, попытаться поставить наиболее важные столбцы первыми, чтобы пользователям не приходилось часто прокручивать вправо.