We're Moving to a New Support Platform – Starting June 1st!

We’re excited to let you know that starting June 1st, we’ll be transitioning to a new support system that will be available directly on our product websites – Amelia, wpDataTables, and Report Builder. In fact, the new support platform is already live for Amelia and wpDataTables, and we encourage you to reach out to us there.

You'll always be able to reach us through a widget in the bottom right corner of each website, where you can ask questions, report issues, or simply get assistance.

While we still do not offer live support, a new advanced, AI-powered assistant, trained on our documentation, use cases, and real conversations with our team, is there to help with basic to intermediate questions in no time.

We're doing our best to make this transition smooth and hassle-free. After June 1st, this current support website will redirect you to the new "Contact Us" pages on our product sites.

Thanks for your continued support and trust – we’re excited to bring you an even better support experience!

Okay
  Print

How to change the background color of Grouped Columns

Date: May 26, 2022


If you have created non-server-side tables (tables linked to Excel, CSV, Google Spreadsheet, XML, PHP, JSON, or MySQL query-based tables with "Server-side processing" turned off) you will be able to select a column that would be used for row grouping. More info about this feature can be found here.

In order to make those grouped rows stand out, you may want to add some background color to them. Conditional formatting and column colors won't work since the column is being converted into rows.

You can, however, add custom CSS in the “Customize” section above the table:

.wpDataTable td.group{
    background: red;
}
.wpDataTable td.group:hover{
    background: blue;
}

Also, you can apply this only to certain table IDs. For example:

.wpDataTableID-1 td.group{
    background: red;
}
.wpDataTableID-1 td.group:hover{
    background: blue;
}

Just make sure to change “1” with the ID of your table.

Hope this helps!