Bold data grid column header

[Flippowitsch]

Hi,

I use the RadzenDataGridColumn with CssClass="font-weight-bold" but it seems that in following example font-weight-bold is being overwritten by rz-column-title because rz-column-title sets font-weight to normal.

<th class="rz-unselectable-text font-weight-bold" scope="col" style="width:113px">
    <div style="width:100%">
        <span class="rz-column-title">Column title</span>
    </div>
</th>

Is there a workaround?

Thanks

Philipp

[korchev]

You can either increase the CSS specificity of your selector or just use the !important modifier:

.font-weight-bold {
   font-weight: bold !important;
}

[Flippowitsch]

Thanks korchev!

@korchev

increase the CSS specificity

What does that mean?

I added

.font-weight-bold {
   font-weight: bold !important;
}

to my Component.razor.css file but the column title is still not bold.
The dev tools tell me

So, !important does not seem to work.

Philipp

[lavazza]

Hi,

old but mby someone need to find solution

.rz-column-title-content {
    font-weight: bold;
}

[georgepaoli]

works fine.

before:

after: