SpreadJS v18.2.3 – CSS Support for Sheet Tab Strip Bottom Border

SpreadJS v18.2.3 – CSS Support for Sheet Tab Strip Bottom Border

Posted by: averma on 13 August 2026, 9:41 am EST

• 

  averma

  • Post Options:
  • Link
    Copy

  Posted 13 August 2026, 9:41 am EST - Updated 13 August 2026, 9:47 am EST

  Hi SpreadJS Team,

  We are using SpreadJS v18.2.3 and would like to customize the sheet tab strip to match our application theme.

  Specifically, we need to change the color of the bottom border/line of the sheet tab strip, as highlighted in our UI.

  Could you please confirm:

  Is there a CSS class or supported API to customize the bottom border color of the sheet tab strip?
  
  If CSS is supported, what is the exact class name and CSS property we should override?
  
  Does this work consistently with the excel2013white theme?

  Please provide a working example if possible.

  Thanks!

• 

  chirag.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 14 August 2026, 3:02 am EST

  Hi Ashish,

  Thank you for reaching out.

  We are currently checking with our Development team to confirm the officially supported approach for customizing the bottom border color of the sheet tab strip.

  We will get back to you once we have confirmation from the team.

  Internal Tracking ID: SJS-35683

  Thanks & Regards,
  
  Chirag

• 

  chirag.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 14 August 2026, 6:08 am EST

  Hi Ashish,

  Thank you for your patience while we discussed this matter with the concerned team.

  Currently, SpreadJS does not provide an officially supported API or property to customize the bottom border color of the sheet tab strip.

  As a workaround, you can override the following CSS classes:

  1. .gc-tab-normal
  2. .gc-tab-hover
  3. .gc-tab-selected
  4. .gc-tab-activeNotSelected
  5. .gc-tab-active

  For example:

  .gc-tab-active {
      border-bottom-color: red;
  }
  

  We have also attached a sample demonstrating this customization with the excel2013white theme.

  Please note that these CSS classes are not part of the public API and are therefore not officially supported. Their names or underlying DOM/CSS structure may change in future SpreadJS releases, which could require you to update the customization accordingly.

  For this reason, we recommend using this approach only as a workaround when necessary.

  Please let us know if you require any further assistance.

  Thanks & Regards,
  
  Chirag

  Attachment: tabStripCustomization.zip