With Wijmo, you can easily customize the appearance of widget elements according to your requirement. For instance, if you want to customize a header row in wijgrid, you can use basic HTML styling attributes to redefine the default CSS class, wijmo-wijgrid-headerrow in following manner:

<style type="text/css">
/* Column header */
wijmo-wijgrid .wijmo-wijgrid-headerrow>th{
    color: blue !important;
    background: lightblue !important;
    height: 50px;
    font: bold 14pt sans-serif !important;
    text-align: left;
}
</style>    

This wijgrid column now appears like the image on the right hand side:

Similarly, you can easily customize back-color, text-alignment or borders of header cells and grid cells by customizing the default CSS classes defined for different elements.

The following table illustrates the main CSS classes used in UI elements of the wijgrid widget.