Tabular fields should contain a common grouping field. The tabular field needs be the Enhanced type. With this data as an example we can implement a grouping for each Type and list Color in various way:
When populating a table, the table prototype should be to set to populate vertically using the tabular field CSS Colors:
This example includes uses one InDesign header row and two body rows with field specifiers. The orange sub-header row is configured in Table → Row Options to repeat once for each CSS Colors[Type] group. The frame at the bottom right is set to Apply Swatch From Field: CSS Colors[Color], which populates the table as follows. If a named color swatch can’t be found, it will create a swatch based automatically be created using a default CSS color value.
To display the colors together in a single cell, we need to create an invisible vertical span that covers both rows and configure it to populate at the row level.
Each color block now an anchored group, set to Paginate When Anchored using the Pagination Rules Panel. It populates once per group with Append Return set to No.
This populates as:
To sub group in a text flow, an anchored item can Paginate once per group with the sub grouping. In this example it also set to Insert: Frame Contents. The whole item will be repeated for each sub group and populated:
The result is:
