Липкий заголовок таблицы с CSS для элемента Element-UI - PullRequest
Новая
       63

Липкий заголовок таблицы с CSS для элемента Element-UI

1 голос
/ 04 апреля 2020

В моем коде я использовал элемент element-ui table (https://element.eleme.io/# / en-US / component / table ). Это хорошо работает, но я хочу настроить заголовок таблицы как липкий.

Он предоставляет содержимое max-height / height, например: https://element.eleme.io/# / en-US / component / table # table-with -fixed-columns-and-header

Но я хочу использовать его как: https://codepen.io/chriscoyier/pen/PrJdxb

В CSS есть некоторые хитрости это, как: 

th {
  background: white;
  position: sticky;
  top: 0;
  ...
}

Интересно, как я могу это реализовать? Есть ли какие-либо предложения?

Мой случай: 

<div css="first-section">
  ...
</div>
<div css="second-section">
  ...
</div>
<el-table>
  ...
</el-table>

Пример: https://codepen.io/senolatac/pen/qBdGvRy

Чтобы увидеть его в полноэкранном режиме: https://codepen.io/senolatac/full/qBdGvRy

...