PrimeNG:如何将页脚列组仅附加到冻结/固定视图

时间:2018-12-18 15:36:15

标签: angular primeng primeng-datatable

我目前正在使用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>

以及从视图中看到的目标的基本图像:

enter image description here

请注意,左边的一半是可滚动的,右边的一半是冻结的,我确实需要在上面放置这些值。

预先感谢和问候!

0 个答案:

没有答案