Закрепленная позиция в таблице не работает в ReactJs - PullRequest
Новая
       12

Закрепленная позиция в таблице не работает в ReactJs

0 голосов
/ 16 ноября 2018

Я хочу сделать таблицу theader липкой при прокрутке, чтобы всегда видеть заголовок таблицы при прокрутке.

Я пробую это, но ничего не происходит.

Реагирует на рендер: 

<table class="table text-center align-middle" style={{ width: this.state.PercentTable }}>
    <thead class="bgColor stickyHeader">
        <tr>
            <th style={{ width: "3%", paddingRight: "0" }}></th>
            <th style={{ width: this.state.PercentCell }}></th>
                {list_1}
        </tr>
     </thead>
     {list_2}
</table>

Стиль CSS: 

.stickyHeader {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

Таблица находится не в верхней части представления (поэтому я хочу, чтобы она была фиксированной и не фиксированной).

Вот рабочий пример: Рабочий пример

Спасибо за вашу помощь.

1 Ответ

0 голосов
/ 16 ноября 2018

составляют 2 таблицы.Оберните их в div.Первую таблицу используйте в качестве заголовка и сделайте ее липкой

...