Dynamic Table Row Coloring

Overview

The Dynamic Table Row Coloring Plugin automatically applies background colors to table rows based on the value of a specified field. It validates the color format and hides the column with the color values, providing an intuitive and visually organized data table. If an invalid color is detected, an error toast is displayed to alert the user.

Use Cases

• This plugin is ideal for applications that display data in tables and need to visually differentiate rows based on specific criteria. It’s particularly useful for dashboards, data management systems, and reports where color coding can enhance data readability and interpretation.

Installing the plugin

Prerequisites:

1. The page must have a table component
2. The table must have a text field 
3. Javascript must be enabled (applicable if your're on trial account)

Step-by-Step Installation:

1. Navigate to the page with this table, this can be a parent or child page. 
2. Click on the Plugins
3. Find the Dynamic Table Row Coloring plugin
4. Select the table
5. Select the text field

Removing the Plugin

To remove the plugin, find the Javascript code that is surrounted with a comment for the plugin name and delete the code. Do the same for the CSS as well.