如何使用primeng表中的rowspan分组对多个字段进行分组

时间:2017-03-07 15:38:15

标签: angular datatable primeng

我正在使用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属性接受一个数组。

1 个答案:

答案 0 :(得分:0)

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