Как сделать фиксированный thead?

Question

[nen0y]

Как сделать фиксированный thead ?
https://jsfiddle.net/y0rpho47/
Нужно что бы при скролле контента, thead оставался фиксированный, как это сделать?

Answer 1

[i_m_newbie]

В данном случае использовала бы свойство position: fixed; Sticky не всеми браузерами поддерживается. Конкретно в Chrome это свойство не поддерживается у элементов thead, tr: https://caniuse.com/#search=sticky

Comments

[nen0y]

я использую chrome, все работает, только мы задавали это свойство для th

[i_m_newbie]

Вы спрашивали про фиксированный thead, про него я и ответила: https://caniuse.com/#search=sticky

[nen0y]

i_m_newbie, спасибо

Answer 2

[Евгений]

thead {
  position: sticky;
  top: 0;
}