Change color of focus on cell in sheet

Posted by: rehman.khaleelur on 25 April 2021, 10:55 am EST

  • Posted 25 April 2021, 10:55 am EST

    The default color for on focus of a cell on the sheet is green. Can you please help with the procedure to change that color to a different one (Ex: Orange) and also change the style like
    thickness etc.

  • Replied 25 April 2021, 8:49 pm EST


    You may use the gc-selection CSS class for the required functionality. Please refer to the following code snippet and let us know if you face any issues.

    .gc-selection {
    background-color: rgba(20, 20, 20, 0.2);
    border-color: #d4de4a;
    color: rgba(240, 240, 240, 0.7);

  • Replied 26 April 2021, 2:58 am EST

    But in case we have to use the material-ui class for styling like under the hook API section here (
    and cannot use plain css file in the code, how can we go about this one.
  • Replied 26 April 2021, 9:57 pm EST

    Hi Rehman,

    We are sorry but SJS does not support this functionality. What you could do is make a custom theme CSS file and import it where you are initializing the spread component. Please refer to the following sample that demonstrates the same.


Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels