При прокрутке содержимое строки таблицы превращается в содержимое липкого заголовка - относительное и абсолютное позиционирование - PullRequest
0 голосов
/ 04 октября 2019

Я работаю над таблицей, где мне нужно добавить многоточие к тексту, отображаемому в строках таблицы, если они превышают две строки.

Использование решения из здесь

Теперь я включил это в ячейки таблицы, и у меня работает многоточие.

Однако у меня также есть липкий заголовок таблицы, чтобы держать его в поле зрения при прокрутке строк таблицы, но я нахожу строки таблицы, которые имеютпримененный специальный класс поведения с многоточием пролистывает содержимое заголовка при прокрутке:

enter image description here

Рабочая демонстрация здесь -> https://codepen.io/parky128-the-vuer/pen/vYYBQmJ

Я отследил это до использования position: relative; в multiLineEllipsis mixin, так как я могу закомментировать это, и поведение не происходит, но тогда я теряю место размещения содержания '...', которое позиционируется как абсолютное.

Есть ли способ сохранить поведение миксина вместе с липким заголовком таблицы?

Спасибо

1 Ответ

1 голос
/ 04 октября 2019

Установка значения th z-index на более высокое значение, чем фактические данные, должна решить проблему. Демо: https://codepen.io/zeus2198/pen/xxxKmLY

...