Fixed #3811

primefaces · Oct 23, 2017 · 38ec941 · 38ec941
1 parent 4669592
commit 38ec941
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/app/components/datatable/datatable.ts b/src/app/components/datatable/datatable.ts
@@ -211,7 +211,7 @@ export class ColumnFooters {
                     <p-rowExpansionLoader [rowData]="rowData" [rowIndex]="rowIndex" [template]="dt.rowExpansionTemplate"></p-rowExpansionLoader>
                 </td>
             </tr>
-            <tr class="ui-widget-header" *ngIf="dt.rowGroupFooterTemplate && dt.rowGroupMode=='subheader' && ((rowIndex === dt.dataToRender.length - 1)||(dt.resolveFieldData(rowData,dt.groupField) !== dt.resolveFieldData(dt.dataToRender[rowIndex + 1],dt.groupField))) && (!dt.expandableRowGroups || dt.isRowGroupExpanded(rowData))">
+            <tr class="ui-widget-header ui-rowgroup-footer" *ngIf="dt.rowGroupFooterTemplate && dt.rowGroupMode=='subheader' && ((rowIndex === dt.dataToRender.length - 1)||(dt.resolveFieldData(rowData,dt.groupField) !== dt.resolveFieldData(dt.dataToRender[rowIndex + 1],dt.groupField))) && (!dt.expandableRowGroups || dt.isRowGroupExpanded(rowData))">
                 <p-templateLoader class="ui-helper-hidden" [data]="rowData" [template]="dt.rowGroupFooterTemplate"></p-templateLoader>
             </tr>
         </ng-template>

diff --git a/src/app/showcase/components/datatable/datatabledemo.html b/src/app/showcase/components/datatable/datatabledemo.html
@@ -1741,6 +1741,14 @@ <h3>Styling</h3>
                             <td>ui-expanded-row-content</td>
                             <td>Next tr sibling of the expanded tr element.</td>
                         </tr>
+                        <tr>
+                            <td>ui-rowgroup-header</td>
+                            <td>Header of a rowgroup.</td>
+                        </tr>
+                        <tr>
+                            <td>ui-rowgroup-footer</td>
+                            <td>Footer of a rowgroup.</td>
+                        </tr>
                     </tbody>
                 </table>
             </div>