Styling Data Grid column header text

Questions
1

I am trying to style, more precisely, to right align the header text for a column in a Data Grid, with no success. There is the headerStyleClass property, but whatever I tried, right aligning the column header text does not work.

Thanks for a hint.

Servoy Developer version: 2020.03.1

Regards,

2

Hi Robert

I’ve set “headerStyleClass” to “align-right” and this works!

Have also a look at “Home · Servoy/svyThemeRoller Wiki · GitHub” under “Tables”!

Upps. I see that this CSS-Class gets into Servoy with 2020.06 and you use 2020.03.1.

So here’s what you have to put into your CSS instead:

.ag-table .ag-table-header.align-right .ag-header-cell-label, .ag-table.ag-theme-servoy .ag-cell.align-right {
    justify-content: flex-end;
    text-align: initial;
}

Best
Roland

3

Hi Roland

Your solution works like a charm, thanks a lot. That was exactly what I was looking for. Also thanks for the link, very useful.

Best regards,