Spreadsheet examples

Please select one of the examples below.

• Data binding
  Binding the data to be updated automatically when the cell value changes.


• XLSX to Jspreadsheet parser
  This example shows how to convert a local XLSX file to Jspreadsheet using the XLSX parser extension.


• Jspreadsheet to XLSX render
  This example shows how to export a Jspreadsheet to XLSX using the XLSX render extension.


• Custom formulas
  This example shows how to create custom Excel-like JavaScript formulas.


• Cross spreadsheet calculations
  This example shows how to implement calculations across different spreadsheets.


• Using external values on the spreadsheet calculations
  How to use external values in the spreadsheet calculations.


• Custom column types
  The following example shows how to integrate a third-party clock plugin as a custom column


• Progressbar column type
  Progressbar column type.


• Progressbar column type
  The autonumber column generates a sequence number for the rows.


• Rich text editor
  The rich text column helps the user add formatted text into the spreadsheet cells using a mini JavaScript HTML editor.


• Readonly cells
  Learn how to set columns or individual cells to read-only.


• Fullscreen mode
  Fullscreen mode allows the spreadsheet cells to fits all available space on the screen.


• Fullscreen mode
  A real example of text wrapping.


• JavaScript Events
  This section provides more demonstrations of the JS spreadsheet events and the global event dispatcher. An integration example with data synchronization using events.


• Spreadsheet webcomponent
  The example shows how to implement Jspreadsheet as a webcomponent.


• Jquery Spreadsheet
  How to create a web-based spreadsheet using Jquery and Jspreadsheet.


• Spreadsheet charts with ChartJS
  Embed charts in your spreadsheet cells using ChartJS.


• Spreadsheet text rotation
  How to rotate the spreadsheet cell text.


• Spreadsheet grid line
  How to disable the spreadsheet grid line. Dealing with the grid lines.