Primeng делает прокручиваемую таблицу данных адаптивной к высоте ⇐ CSS

[Anonymous]

PrimeNG DataTable предоставляет свойство [scrollable] для определения вертикальной и/или горизонтальной прокрутки. Это необходимо использовать с комбинацией набора ScrollHeight и/или ScrollWidth.

Как я могу получить таблицу, которая будет подстраиваться под какова бы ни была высота/ширина окна при сохранении функции прокрутки?

Вот код, который я пробовал:

Код: Выделить всё

Global search: 

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



Поскольку атрибут высоты p-dataTable относится к родительскому элементу в случае процентного значения, я попытался создать родительский элемент div чтобы соответствовать контенту, добавив style="height: 100%" родительскому элементу div. Вот обновленный код:

Код: Выделить всё

Global search: 

Я также внес следующие изменения в свой файл style.scss< /code>, чтобы он работал (нашел это в другом вопросе о stackoverflow):

Код: Выделить всё

html, body {
height: 100%;
}

Но у меня это тоже не сработало:< img alt="введите описание изображения здесь" src="https://i.sstatic.net/MwOhT.png" />
На скриншоте высота кажется правильной, но это не так. Когда я прокручиваю вниз, сначала все идет так, как должно, но затем, когда приближаюсь к концу таблицы, полоса прокрутки выходит из поля зрения, поэтому я не вижу ее, пока еще могу прокручивать. Похоже, что таблица данных немного выше, чем должна быть.

Итак, как мне это решить? Любая помощь будет оценена по достоинству!

Подробнее здесь: https://stackoverflow.com/questions/474 ... responsive