Как сделать фиксированный заголовок, фиксированную ширину, прокручиваемую таблицу, которая шире экрана без использования Javascript? - PullRequest
0 голосов
/ 16 апреля 2011

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

Вот особенности моей проблемы:

  • Только HTML / CSS - есть много данных, и прокрутка JavaScript, которую я обнаружил, слишком медленная и не отвечает. Javascript может использоваться для однократных операций форматирования, если он не работает со всеми строками данных.
  • Должен иметь возможность прокручивать строки вверх и вниз, пока заголовки остаются фиксированными.
  • Ширина каждого столбца должна быть фиксированной
  • Вертикальные и горизонтальные полосы прокрутки должны быть видны

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

Текущее решение : Это решает мою конкретную проблему, но я не думаю, что это будет работать для всех. Есть лучшие решения?

1 Ответ

1 голос
/ 16 апреля 2011

Это чистое решение для поддержки кросс-браузеров css для вас:

Таблица прокрутки из чистого CSS с фиксированным заголовком

Вы также можете посетить этот поток переполнения стека:

HTML-таблица с фиксированными заголовками?

...