Как сделать заголовок таблицы всегда сверху?

Question

Я пытаюсь сделать заголовок таблицы всегда сверху в элементном интерфейсе. Я пробовал решения от classi c css, например: position: stiky; для th, но оно не работает для пользовательского интерфейса Element. Таблица продолжает прокручивать заголовок.

Вот мой код https://jsfiddle.net/wb06nm51/

Answer 1

Для этого есть 2 способа.

Сначала укажите путь, указанный element-ui, и укажите высоту таблицы в el-table: https://element.eleme.io/# / en-US / component / table # table-with-fixed-header

Вторым является использование css, как вы это сделали, но вы должны принять во внимание, что element-ui создает 2 таблицы 1 для заголовка и 1 для тело. правильный css, который должен быть применен, следующий:

.el-table__header-wrapper {
  z-index: 100;
  position: fixed;
  top: 0;
}

// Neede to show the first row in the table
.el-table__body-wrapper {
   margin-top: 50px;
}

Чтобы заставить его работать в скрипке, убедитесь, что вы также импортируете право css:

@import url("//unpkg.com/element-ui@2.13.0/lib/theme-chalk/index.css");