Как сделать чтобы заголовок таблицы всегда был виден?

Question

[beduin01]

Хочу сделать шапку таблицы всегда видимой.
Вот пример https://jsfiddle.net/wb06nm51/

Пытался сделать:

thead th
{
    position: sticky; top: 0px;
}

Но толку не дало.

Answer 1

[Sergey]

Если просто посмотреть разметку что у Вас получилось, то у вас там div'ы в которых таблица. Таблица c заголовками в отдельном div'e от таблицы с простыми ячейками с данными.

Я просто прописал position:fixed к div'у с таблицей заголовков и "заголовок таблицы всегда виден"

Comments

[beduin01]

Вы имеете ввиду сделать? ` .el-table__header-wrapper { position: fixed; top: 0px;} ` Не могли бы в коде показывать.

[Sergey]

Да, по вашей ссылке, замените все в блоке SCSS на:

body {
  margin: 0;
  padding: 0;
}

.el-table__header-wrapper {
  position: fixed;
  top: 0px;
  background-color: #fff;
}