How is your experience with the OutSystems Community?
11
Views
3
Comments
Solved
[OutSystems Data Grid] [OutSystems Data Grid] i want change header style
outsystems-data-grid
Reactive icon
Forge asset by OutSystems
Service Studio Version
11.55.81 (Build 65055)

Hello guys,
I’m a developer who recently started learning about OutSystems.

I’m currently trying to customize the styling of a Data Grid using CSS. 
I’ve already successfully adjusted the formatting and alignment of the columns below the header, and now I want to style the header itself.

While the data columns have various properties and options, the header seems to only allow for setting the name/label.
I’m not sure how to handle this with CSS, so I’d appreciate some help.

I want to center-align all the text in the header.
Also, I want to center-align the row header on the far left—how should I go about that?

I’m using a translator, so the wording might be a bit awkward, but I’m reaching out because I’d really appreciate some guidance.

2022-11-12 11-28-30
Gonçalo Martins
Staff
Solution

Hi @Manish Jawla 

The link for the sample you shared is for the Traditional Web version, not Reactive.

The solution is indeed in the post you shared here 👍🏼

Cheers,
GM

2019-11-11 17-10-24
Manish Jawla
 
MVP

Hi @M_outsys ,

Welcome to the community.

Please check the below post for references, I hope this will help.

https://www.outsystems.com/forums/discussion/89535/outsystems-data-grid-setting-style-for-header/ 

https://outsystemsui.outsystems.com/outsystemsdatagridwebsample/CSS.aspx 

Regards,

Manish Jawla

2022-11-12 11-28-30
Gonçalo Martins
Staff
Solution

Hi @Manish Jawla 

The link for the sample you shared is for the Traditional Web version, not Reactive.

The solution is indeed in the post you shared here 👍🏼

Cheers,
GM

2019-11-11 17-10-24
Manish Jawla
 
MVP

Hi @Gonçalo Martins ,

True, first link which I shared is the correct one but second one is from traditional my bad.

Regards,

Manish Jawla

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