Use GroupBy configuration in data tables
Learn how to configure and use the Group By feature in HTML invoice templates to organize data tables effectively.
In the HTML template editor, you can configure different data tables in HTML invoice templates, for example, charge details tables. Additionally, to group the records in data tables, you can add the Group By configuration when building data tables.
This article demonstrates how to use the Group By configuration and how the Group By configuration works in data tables.
Assume that you have an invoice with four invoice items and some information about the invoice is shown in the following table:
|
Subscription number |
Charge name |
Charge number |
Service start date |
Service end date |
Charge amount |
Tax amount |
Total |
|---|---|---|---|---|---|---|---|
|
AS-001 |
Charge 1 |
C-001 |
2021-01-01 |
2021-01-31 |
10 |
1 |
11 |
|
AS-001 |
Charge 2 |
C-002 |
2021-01-01 |
2021-01-31 |
10 |
1 |
11 |
|
AS-002 |
Charge 3 |
C-003 |
2021-01-01 |
2021-01-31 |
10 |
1 |
11 |
|
AS-002 |
Charge 4 |
C-004 |
2021-01-01 |
2021-01-31 |
10 |
1 |
11 |
To add the Group By configuration and preview the table with the added configuration, perform the following steps: