Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.55/11: Рейтинг темы: голосов - 11, средняя оценка - 4.55
 Аватар для Зверушь
461 / 369 / 94
Регистрация: 01.05.2010
Сообщений: 1,761

Прокручивать tbody

03.02.2017, 16:34. Показов 2321. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте. Собственно сабж.
Нужно задать тегу tbody фиксированную высоту и сделать ему вертикальный скролл.
Но просто это:
CSS
1
2
3
4
tbody {
    height: 400px;
    overflow-y: scroll;
}
не работает.
Работает только так:
CSS
1
2
3
4
5
tbody {
    display: block;
    height: 400px;
    overflow-y: scroll;
}
Но если делать элемент блочным... то ширина колонок не согласуется с шириной колонок в thead...
Что можете посоветовать? Вижу вариант только при помощи js вычислять необходимые ширины ячеек. Но может есть способ получше? Спасибо.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
03.02.2017, 16:34
Ответы с готовыми решениями:

Прокручивающийся tbody
Всем привет! У меня страница растягивается на всю высоту и ширину, нужно чтобы прокрутка была только в tbody. Код не ниже не...

Прокрутка tbody
Привет всем !! Ребят, помогите пожалуйста. Есть стандартная таблица HTML в которой есть <thead> и <tbody> соответственно: ...

Зачеркнутый текст к классу в <tbody>
Добрый день! Хочу прописать стиль, к классу col-field, чтобы текст был зачёркнутый, то есть .col-field {text-decoration: line-through;}...

2
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
03.02.2017, 17:24
Зверушь, цитата:
Свойство overflow управляет отображением содержания блочного элемента
1
 Аватар для Зверушь
461 / 369 / 94
Регистрация: 01.05.2010
Сообщений: 1,761
03.02.2017, 17:46  [ТС]
Эге....
Придется использовать display: block; и пересчитывать ширины колонок на js... Эхх.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
03.02.2017, 17:46
Помогаю со студенческими работами здесь

Применить стиль только к tbody
Объявляю стиль таблицы tr:hover{ background:#F9F; cursor:pointer; } TABLE {background:white; border-collapse: collapse; } TH...

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

Отсуп от бордера таблицы до tbody
Товарищи, а не подскажете как сделать оступ от содержимого до границы таблицы? Нельзя использовать никаких обёрток типа второго table или...

Установить css только для тех ячеек, которые находятся в tbody
Здравствуйте! Подскажите пожалуйста как установить css только для тех ячеек, которые находятся в tbody? Например, увеличить расстояние...

Прокручивать текст без сдвига заднего фона!
Здравствуйте, подскажите на странице https://test.eorccg.ru/ текста будет много, со временем и формы, таблицы, картинки, но как сделать...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru