Заморозка верхней строки только для html-таблицы (фиксированная прокрутка заголовка таблицы)

Question

Заморозка верхней строки только для html-таблицы (фиксированная прокрутка заголовка таблицы)

Я хочу сделать html-таблицу с замороженной верхней строкой (чтобы при вертикальной прокрутке вниз вы всегда могли ее видеть).

Есть ли умный способ сделать это без javascript?

Обратите внимание, что мне НЕ нужна замороженная левая колонка.

110

html css

задан Feisty Mango 11 November 2013 в 16:18

1 ответ

Другие вопросы по тегам:

html css

Похожие вопросы:

score 4 · Answer 1

Я знаю, что это имеет несколько ответов, но ни один из них действительно не помог мне. Я нашел эта статья , которая объясняет, почему мой sticky не работал как ожидалось.

В основном, Вы не можете использовать position: sticky; на <thead> или <tr> элементы. Однако они могут использоваться на <th>.

минимальный код я должен был сделать, это работать следующие:

table {
  text-align: left;
  position: relative;
}

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

С настольным приемником родственнику эти <th> может быть установлен на липкий, с вершиной в 0