В настоящее время я разрабатываю пользовательский интерфейс веб-приложения с использованием angular5.У меня есть компонент p-dataTable (PrimeNG v5) с несколькими строками, половина из которых заморожена, а остальные прокручиваются по горизонтали.
Цель - прикрепить строку нижнего колонтитула к замороженной стороне с некоторым суммированием и т. Д.Но вместо этого я получаю последний ряд, прикрепленный к прокручиваемой стороне стола.
Знаете ли вы, как мне этого добиться?
Это упрощенный пример разметки:
<p-dataTable [scrollable]="true" frozenWidth="45vw">
<p-column field="name"></p-column>
<p-column field="surname"></p-column>
<p-column field="adults_booking" frozen="true"></p-column>
<p-column field="children_booking" frozen="true"></p-column>
<p-footerColumnGroup>
<p-row>
<p-column footer="" colspan="2"></p-column>
<p-column footer="{{nmbAdults}}"></p-column>
<p-column footer="{{nmbChildren}}"></p-column>
</p-row>
</p-footerColumnsGroup>
<p-dataTable>
И базовое изображение цели из вида:
Обратите внимание, что левая половина - это прокручиваемая, а правая - замороженная, где мне действительно нужно расположить эти значения.
Заранее спасибо и приветствую!