Log in to AnswerLog in to Follow
2021-01-12 14-29-49
Prajakta Roshankhede
21Views
6Comments
Solved
[OutSystems Data Grid] [Data Grid Reactive] [ HowTo ] - Conditional Highlight Rows Based input value
Question
DataGrid
Forge
data-grid-reactive
Reactive icon
OutSystems Data Grid
Forge component by Platform Maintenance

How to modify CSS for datagrid columns conditionally? in reactiveapplication?

0
0
21 Mar
2020-03-25 15-04-11
João Ferreira
Staff
Solution

Hi @Prajakta Roshankhede,

I think the component have a simpler solution for that. In each column you have the possibility to add a list of conditional format rules, this allows you to add a cellClass or a rowClass everytime the rule is true.

Let me know if this solves your use case,

Best Regards,
João Ferreira

See solution in context
0
0
21 Mar

Hello Joao,

I am not able to see any format option which you mentioned above, can you please guide me.

Just FYI I want to achieve color coding like below image:

image 

Thanks

Prajakta

0
0
22 Mar

Replying to Prajakta Roshankhede's comment on 22 Mar 2022 06:07:52

Hi @Prajakta Roshankhede,

This was added to the component on version 2.6.0 (21 December 2021), 
Please check your version, and if you can update your component through forge.

Regards,
João Ferreira

0
0
22 Mar

Replying to João Ferreira's comment on 22 Mar 2022 09:34:20

Thank you so much it worked!!

Can we add some pointers around it in documentation. It will be helpful to others too.


1
0
22 Mar

Hello @Prajakta Roshankhede 

Could you provide more context?

  • are you using an auto-generated Grid or the column blocks that provide several customizations?
  • what have you tried so far by using our API?
  • which use case are you trying to achieve and where are you struggling?

Cheers,
GM

0
0
21 Mar

Hello,

I am using column block, I want to change background color depending on cell value.

For example in priority column want to display Normal value in green color and High value in red.

I am trying to change css with AddCellCssClass where we need to pass row number, as data is dynamic not sure how to achieve it

Thanks & Regards
Prajakta
0
0
21 Mar
2020-03-25 15-04-11
João Ferreira
Staff
Solution
Hi @Prajakta Roshankhede,
I think the component have a simpler solution for that. In each column you have the possibility to add a list of conditional format rules, this allows you to add a cellClass or a rowClass everytime the rule is true.
Let me know if this solves your use case,
Best Regards,
João Ferreira
0
0
21 Mar
Hello Joao,
I am not able to see any format option which you mentioned above, can you please guide me.
Just FYI I want to achieve color coding like below image:
image 
Thanks
Prajakta
0
0
22 Mar

Replying to Prajakta Roshankhede's comment on 22 Mar 2022 06:07:52
Hi @Prajakta Roshankhede,
This was added to the component on version 2.6.0 (21 December 2021), 
Please check your version, and if you can update your component through forge.
Regards,
João Ferreira
0
0
22 Mar

Replying to João Ferreira's comment on 22 Mar 2022 09:34:20
Thank you so much it worked!!
Can we add some pointers around it in documentation. It will be helpful to others too.

1
0
22 Mar
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.