Ability to align SpreadJS Zoom Control and Sheet Tab Strip in same bottom bar

Ability to align SpreadJS Zoom Control and Sheet Tab Strip in same bottom bar

Posted by: averma on 29 July 2026, 9:36 am EST

• 

  averma

  • Post Options:
  • Link
    Copy

  Posted 29 July 2026, 9:36 am EST - Updated 30 July 2026, 6:07 am EST

  We are currently using SpreadJS version 18.2.3 with the React wrapper:
  
  We are trying to achieve an Excel-like layout where the Sheet Tab Strip and the Zoom Control (zoom slider + percentage) appear on the same bottom row.

  Currently, the UI is rendered separately:

  The native Sheet Tab Strip is part of the SpreadJS workbook UI.

  The Zoom Control is provided through @mescius/spread-sheets-statusbar.

  

  1690×64 3.02 KB

• 

  chirag.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 30 July 2026, 6:03 am EST - Updated 30 July 2026, 6:08 am EST

  Hi Ashish,

  Thank you for reaching out.

  The behavior you are observing is expected.

  In Microsoft Excel, the Sheet Tab Strip and the Zoom Control are also displayed on separate rows at the bottom of the application. The Zoom Control is part of the Status Bar, while the Sheet Tab Strip is part of the workbook area.

  

  1912×52 4.63 KB

  SpreadJS follows the same design principle. The Sheet Tab Strip is rendered as part of the workbook UI, whereas the Zoom Control is provided through the @mescius/spread-sheets-statusbar component. As a result, they are displayed on separate rows, and there is currently no built-in option to combine them into a single row.

  

  1907×51 6.77 KB

  Please let us know if you have any further questions.

  Kind Regards,
  
  Chirag