Conditional table cell - text color #10204
Replies: 5 comments 2 replies
-
Superb plugins , that all we need <3 |
Beta Was this translation helpful? Give feedback.
-
Hi, I have installed the Super Table/Column/Cell plugins, but was wondering is there a way to have the Font Color of a cell change if the value of that cell already exists in the column? For example, if "Name" column contained "Jeff, Sam, Mike, Mike, Jeff, Jeff", the cells with "Jeff" and "Mike" would all be a certain color. |
Beta Was this translation helpful? Give feedback.
-
Does this work with the latest version of budibase, I set mine up to your example and i do not get anything on my screen |
Beta Was this translation helpful? Give feedback.
-
hi, |
Beta Was this translation helpful? Give feedback.
-
Followed the tutorial but im still having some issues! dont suppose you i can add you on discord or something? would really appreciate some help! Im trying to make it so a date column will change color based on the current date - |
Beta Was this translation helpful? Give feedback.
-
As this feature has been requested a few times, I thought it would be worth adding a tutorial on how to implement this using the wonderful Super Table component by @poirazis
A common use-case is to highlight cells in a different color depending on a status value.
To begin using it, follow the quick guide on Importing plugins.
The Super Table is a multi-part custom component plugin requiring the following imports:
Once those components have been imported, create a new app with the sample data. Add a screen with a Data provider for the Inventory table.
Under the Data provider, nest the Super Table, and then nest a Super Column for each of the table columns you want to display.
Under the Super Column that was added for the Status column, nest a Super Cell. In the Conditions tab of the cell, click
Configure conditions
and setup the following, using the duplicate icon button to speed things up. Make sure to clickSave
!The binding in each case comes from the Status column binding:
Result
Beta Was this translation helpful? Give feedback.
All reactions