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

Разбираемся в CSS
Ответить
Anonymous
 Таблица CSS Tailwind с фиксированным заголовком и вертикальной прокруткой тела

Сообщение Anonymous »

У меня есть приведенный ниже код для таблицы, основанной на CSS попутного ветра.
Если я удалю класс блока, таблица больше не будет прокручиваться.
Добавление класса блока в tbody ломает заголовок. См. прикрепленные изображения.
CodePen, если вы хотите поиграть с кодом. https://codepen.io/hirani89/pen/wvyJKqO?editors=1010

Код: Выделить всё

Recipient





















Select


Company


Address









BATHURST 
Address Here Address Here Address Here Address Here Address Here Address Here 






BATHURST

Address Here Address Here Address Here Address Here Address Here Address Here 






MUDGEE

Address Here Address Here Address Here Address Here Address Here Address Here 






ORANGE

Address Here Address Here Address Here Address Here Address Here Address Here 






TAREN POINT

Address Here Address Here Address Here Address Here Address Here Address Here 










Без класса в tbody (отключает прокрутку)
Изображение
С классом блока в tbody (прокрутка работает, но заголовок прерывается)
Изображение


Подробнее здесь: https://stackoverflow.com/questions/722 ... vertically
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»