Set Row Background color and disabling wijmo "marker"

Set Row Background color and disabling wijmo "marker"

Posted by: joe on 26 March 2019, 12:24 pm EST

• 

  joe

  • Post Options:
  • Link
    Copy

  Posted 26 March 2019, 12:24 pm EST - Updated 3 October 2022, 8:07 pm EST

  

  805×189 39.1 KB

  Hi!

  I’ve (FINALLY) had success in highlighting a row with a custom color. Now, I’d like to get rid of that orange color in the upper left cell. It seems a default of the grid control. I can get rid of it by setting the selectionMode of the grid to 0 but then I have no control over row highlighting. What do you recommend for me to keep my custom highlighting and get rid of that orange color?

  Thanks!

  Joe

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 27 March 2019, 5:56 am EST

  Hi,

  In FlexGrid, the color of the selected cell is blue as default but it observed that its orange in your screenshot. So could you please confirm if you used a theme or changed it via CSS?

  If you would like to change the color of the selected cell, you can use CSS:

  .wj-flexgrid .wj-state-selected {
          background-color: black;    // the color you want
  }
  
  

  Please refer to the sample below for the same:

  https://jsfiddle.net/akx4j7y6/

  If the selected row needs to be highlighted, you could use CSS for the same:

  .wj-flexgrid .wj-state-multi-selected {
        background-color: red;
  }
  
  

  You can check the sample for the above here:

  https://jsfiddle.net/x2dpymws/

  If you need to highlight a specific row, you can use the cssClass property of Row class. Refer to the sample below:

  https://jsfiddle.net/d2zjmxob/