Skip to Content (Press Enter)
2021-07-21 12-04-07
George.Qiao
337Views
1Comments
[OutSystems Data Grid Web] [ HowTo ] - Conditional Highlight Rows Based on Cell Value
Question
DataGrid
Forge
outsystems-data-grid-web
Web icon
OutSystems Data Grid Web (O11)
Forge asset by OutSystems

Hi,


I have to highlight all rows based on the cell value. I have a column called "Status" When its value is "Approved", I want to highlight the entire row. How do I do that?


Regards,

George Qiao

0
0
26 Aug 2019
Copy Link
2021-07-21 12-04-07
George.Qiao

I figured out myself.


1. Add CSS (use Chrome F12 to capture the CSS in your specific case)

.wj-cell.Approved {
    background-color: #5c656d;
}

.wj-cell.Reviewed {
    background-color: #c7e3a2;
}


2. Write your own javascript:



3. go tot he data grid field and register this javascript function

1
0
27 Aug 2019
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.