Bold data grid column header

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

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

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

Thanks korchev!

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