Styling Webix Grid

You can use CSS to achieve the desired look-and-feel of DataGrid.

To apply some style to a whole grid you can use the css parameter. As the value of the parameter, you must specify the name of the appropriate CSS class.

Styling the whole grid

<style>
  .my_style .webix_hcell{
    background:#009966;
    color:white;
    font-weight:bold;

  }
  .my_style .webix_column{
    font-style:italic;
    background:#ddFFdd;
  }
    .my_style .webix_column > div{
        border-color:#ddd;
    }

</style>

<script>
webix.grid({
  css:"my_style"
});
</script>

Related sample:  Basic Styling