How to set datagrid background color and row selected background color

[patana]

Hi dear,
When ever i use rowStyler:myRowstyler in datagrid, it's always overwrite the datagrid-row-selected style color.
Any other way to set background color to row and row-seleceted?
Thanks.

[jarry]

You can define the highlight row class and return it in some conditions. Please refer to the code below.

Code:

<style type="text/css">
  .my-row:not(.datagrid-row-selected){
    background-color:#6293BB;
    color:#fff;
    font-weight:bold;
  }
</style>
<script type="text/javascript">
  function rowStyler(index,row){
    if (row.listprice < 30){
      return {class:'my-row'};
    }
  }
</script>

[patana]

Thank you!