provides advanced table formatting features, including Row Grouping, which lets you organize rows based on similar data values for better readability and analysis.

Here you can group the rows for specific data. 

Pre-requisite: #

• Plugin: TableKit Pro
• Theme: WordPress block theme

Step 1: Create a data table with TableKit #

The Row Grouping feature is available for both Data Tables and Post Tables created with TableKit.

First, create a data table in Gutenberg.

Simply drag and drop the Data Table block and connect a data source like Google Sheets.

Step 2: Enable row grouping #

To enable the row grouping:

1. Go to Content → Grouping section.
2. Enable Grouping option by switching the toggle button.

Once enabled, choose the column you want to use for grouping.

Step 3: Group rows by column value #

After enabling the Grouping feature, select a column to organize rows based on its values.

From the Group by Columns dropdown, choose the column you want to group by.

For example, if you select the Gender column, the table rows will automatically be grouped into categories such as Male and Female students.

Step 4: Customized grouped row styles #

You can also customize the styles of grouped rows with TableKit.

With TableKit, you can:

1. Adjust the alignment of the grouped rows.
2. Set the typography of the text.
3. Choose the text color.
4. Change the background color.

Row Grouping helps organize large tables into clear categories, making data easier to scan, analyze, and manage.

Like row grouping, TableKit comes with dozens of more advanced table features for the native WordPress editor, including WooCommerce product table, data table, WordPress post table with features like sorting, column & header freezing, conditional formating and more.