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

Question

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

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

Answer 1

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

1. Меньшие шрифты
2. Консолидируйте некоторые ячейки, чтобы иметь более одной строки (например, если у вас есть «дата начала» и «дата окончания», поместите дату начала сверху и дату окончания внизу.
3. Расширить окно
4. Сделать некоторые ячейки условно отображаемыми (на основе пользовательских фильтров). Возможно, наиболее часто используемые ячейки отображаются нормально, и флажок отображает менее часто используемые ячейки или группы ячеек.
5. Разрешить горизонтальную прокрутку
6. Сделать окно шириной жидкости
7. Всплывающие данные в плавающем <div> через JavaScript вместо помещения в столбец

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

Answer 2

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

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

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

Answer 3

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

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

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

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