Как сделать таблицу, которая более широка, чем размер экрана, с возможностью прокрутки, и сохраните строку заголовка зафиксированной?
У меня есть таблица с 2 столбцами, и каждый столбец 800 пкс шириной. Я хочу показать эту таблицу в 800x50 окно. Таким образом, должна быть горизонтальная и вертикальная полоса прокрутки для просмотра заполненной таблицы.
В то время как я нашел немного связанных решений (это и это) на Так, они только работают, если таблица width меньше, чем размер экрана. В моем случае размер экрана составляет 1200 пкс, и общая таблица width составляет 1600 пкс.
Как я мог сделать это? я хочу достигнуть чего-то вроде этого.
ОТРЕДАКТИРУЙТЕ ООП, я забыл добавлять еще одно требование.Прошу прощения. Я хочу, чтобы заголовок таблицы остался исправленным, в то время как пользователь прокручивает таблицу.
EDIT2
Я попробовал ниже упомянутых решений перенестись в отделении, но в этом случае вертикальная полоса прокрутки не обнаруживается. Посмотрите эту таблицу с отделением обертки. Кажется, что эта проблема только происходит, если таблица width больше, чем размер экрана. Я тестирую на FF3.6.
EDIT3
текущий код таблицы. Это не имеет никакого вертикального скроллера даже при том, что я могу прокрутить вертикально.
id_1
id_1
1200 1200 1200 1200 1200 1200 1200 1200 1200 1200 1200 1200
5 ответов
Вы можете обернуть таблицу в блок div с фиксированным размером (800x50) и установить overflow: scroll .
Поместите свою таблицу в div с шириной <800 и установите overflow: scroll .
Я не знаю, сработает ли это, но вы пробовали установить max- ширина: 100% для страницы?
Просто добавьте overflow:scroll в css вашего элемента таблицы. Кстати, ваш пример не показывает никакой прокрутки.
Если вы хотите, чтобы заголовок оставался фиксированным, просто выполните несколько css
#header {
position:fixed;
left:0;
top:0;
}