【问题标题】:How to group multiple fields using rowspan grouping in primeng table如何在primeng表中使用rowspan分组对多个字段进行分组
【发布时间】:2017-03-07 15:38:15
【问题描述】:

我正在使用primeng 数据表对行和列进行分组。对于行分组,我一次只能将一个字段与官方网站上的示例进行分组

这是我的 HTML

<p-dataTable [value]="surveyMonitoring" rowGroupMode="rowspan" sortField="TenantName" [rows]="20" [paginator]="true" [pageLinks]="3" [rowsPerPageOptions]="[2,5,10,20]">
                                    <p-headerColumnGroup>
                                        <p-row>
                                            <p-column header="Tenant Name" rowspan="2"></p-column>
                                            <p-column header="Survey Name" rowspan="2"></p-column>
                                            <p-column header="Batch Name" rowspan="2"></p-column>
                                            <p-column header="Batch Status" rowspan="2"></p-column>
                                            <p-column header="No. of Ratees" rowspan="2"></p-column>
                                            <p-column header="Is Logged in?" colspan="2"></p-column>
                                            <p-column header="SelfAssessment" colspan="2"></p-column>
                                        </p-row>
                                        <p-row>
                                            <p-column header="Yes"></p-column>
                                            <p-column header="No"></p-column>
                                            <p-column header="Completed"></p-column>
                                            <p-column header="Pending"></p-column>
                                        </p-row>
                                    </p-headerColumnGroup>
                                    <p-column field="TenantName"></p-column>
                                    <p-column field="SurveyName"></p-column>
                                    <p-column field="BatchName"></p-column>
                                    <p-column field="BatchStatus"></p-column>
                                    <p-column field="RateeCount"></p-column>
                                    <p-column field="LoggedInUsers"></p-column>
                                    <p-column field="LoggedOutUsers"></p-column>
                                    <p-column field="CompletedAssessments"></p-column>
                                    <p-column field="PendingAssessments"></p-column>
                                </p-dataTable>

我想对前三个字段进行分组,即我希望 sortField 属性接受一个数组。

【问题讨论】:

    标签: angular datatable primeng


    【解决方案1】:

    如我所见,primeng 数据表只能接受 sortField 的字符串。如果您想将参数更改为数组,您应该找到 primeng/datatable.ts 文件并编辑 Inpit() sortField 属性。请记住,您也应该使用该属性重新编写函数。

    【讨论】:

    • 这应该是一项乏味的工作!我们没有支持primeng数据表中多行分组的解决方案吗?
    猜你喜欢
    • 2018-03-14
    • 1970-01-01
    • 1970-01-01
    • 2019-03-20
    • 2021-08-28
    • 1970-01-01
    • 2020-10-01
    • 2019-04-16
    • 2011-01-15
    相关资源
    最近更新 更多