HTML Table Head короче корпуса таблицы на фиксированном корпусе таблицы [дубликат] ⇐ CSS

[Anonymous]

Я с любовью пытаюсь создать таблицу продуктов для OnlineShop. Владелец магазина хочет, чтобы заголовок таблицы и панель поиска (см. Picture). Вместо того, чтобы исправить заголовок и поисковый пакет, я хотел попробовать другой подход и сделал корпус таблицы. src = "https://i.sstatic.net/2nkqxlm6.png"/>
Это текущий код CSS, который я добавил, чтобы тело прокручивалось:

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

table tbody{
display:block;
overflow:auto;
height:500px;
width:100%;
table-layout: fixed;
}

tr th {display: flex;}

table thead{
display:block;
}

, поскольку я не могу воспроизвести проблему с примитивной таблицей HTML и не могу вставить весь HTML -код таблицы, сгенерированного плагином, который я могу служить вам только с URL в таблицу, я применил свой код css к:
>

Подробнее здесь: https://stackoverflow.com/questions/796 ... table-body