angular - PrimeNG：如何将页脚列组附加到冻结/固定视图

Question

我目前正在使用 angular5 开发 Web 应用程序的用户界面。我有一个包含几行的 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>

以及从视图中目标的基本图像：

请注意，左半部分是可滚动的，而右半部分是冻结的，我确实需要在其中放置这些值。

在此先感谢和问候！

标签： angularprimengprimeng-datatable