Customize the Grid selection

[Satish]

Is there a way I can replace the checkbox with button for the selection of the row in the grid?

 

Blazor DataGrid Demos - CheckBox Only Selection | Telerik UI for Blazor

[Marin Bratanov]

Hi Satish,

You can:

1. remove the built-in selection column
2. add a column of your own that has no Field set
3. use its Template to add the desired button
4. use the OnClick of the button with a lambda to pass the current row model and update the selected items collection yourself

 

Regards,
Marin Bratanov
Progress Telerik

[Satish]

Thank you Marin.  Can you tell me how to customize the grid header color?  

[Marin Bratanov]

You can use the browser dev tools to inspect the rendered HTML and the CSS rules that apply to it (this can be a good starting point) and then devise the CSS rules that will provide you with the desired coloring.

[Satish]

HI Marin,

If I have the following in my Razor component, it works, but when moved to site.css file, it doesn't.

<style>
.k-grid-header {
    background:red;
}
</style>

[Marin Bratanov]

This is likely due to the order and specificity of the selectors. Try making yours heavier.