2017-03-07 3 views
1

행과 열을 그룹화하는 데 primeng 데이터 테이블을 사용하고 있습니다. 공식 사이트 여기primeng 테이블에서 rowspan 그룹화를 사용하여 여러 필드를 그룹화하는 방법

의 예를 한 번에 행 그룹화를 들어, 내가 할 수있는 유일한 그룹을 하나 개의 필드는 처음 세 필드는 내가하는 SortField 동의하는 속성을 원하는 즉, 나는 그룹에 원하는 내 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> 

입니다 배열.

답변

0

여기서 알 수 있듯이 primeng 데이터 테이블은 sortField에 대한 문자열 만 허용 할 수 있습니다. 매개 변수를 배열로 변경하려면 primeng/datatable.ts 파일을 찾고 Inpit() sortField 속성을 편집해야합니다. 해당 속성을 사용하여 함수를 다시 작성해야 함을 명심하십시오.

+0

지루한 직업이어야합니다! 우리는 최고의 데이터 테이블에서 다중 행 그룹화를 지원하는 솔루션을 가지고 있지 않습니까? –