Spreadsheet examples

Please select one of the examples below.

• Spreadsheet Data Binding Synchronization
  Explore data binding in Jspreadsheet for automatic updates when cell values change. Synchronize your data seamlessly with the underlying data source.


• XLSX to JSS: Importing Excel Files
  Learn how to convert a local XLSX file to Jspreadsheet using the XLSX parser extension. Follow this example to import and convert your XLSX files into a Jspreadsheet data grid, unlocking the power of data manipulation and analysis within your web applications.


• JSS to XLSX: Create Excel Files from Jspreadsheet
  Learn how to export a Jspreadsheet to XLSX format using the XLSX render extension. Follow this example to export your Jspreadsheet data to Excel files, enabling easy sharing, distribution, and compatibility with other applications.


• Custom Excel-Like Formulas
  Explore this example to learn how to create custom JavaScript formulas in Jspreadsheet, enhancing the functionality of your spreadsheets. Develop Excel-like formulas using JavaScript for advanced calculations and data manipulation tailored to your needs.


• Cross Spreadsheet Calculations in Jspreadsheet - Excel-Like Formulas Across Multiple Worksheets
  Learn how to perform cross-spreadsheet calculations in Jspreadsheet. Explore the flexibility of performing calculations that involve data from multiple sheets, allowing data analysis and manipulation across your entire spreadsheet application.


• Using External Values in Spreadsheet Calculations
  Learn how to utilize external values or variables in Jspreadsheet calculations, empowering you to create dynamic and flexible spreadsheet formulas.


• Custom Column Types: Enhance Data Input
  Enhance data input in your Jspreadsheet data grid with custom column types, creating a dynamic and user-friendly experience for entering data into cells


• Dynamic Bar Representation for Numeric Values: Progressbar Column Type
  Visualize numerical values as a range bar from 0 to 100, adding dynamic and intuitive data representation to your Jspreadsheet data grid.


• Generate Unique Sequential Numbers for Each Worksheet Row: Autonumeric Column Type
  Generate automatic sequence numbers for rows using the Autonumber column type in Jspreadsheet.


• Custom Cell Editor in Jspreadsheet - Empower Cells with Rich Text and HTML Formatting
  Enable users to add formatted text into spreadsheet cells using a mini JavaScript HTML editor with the Rich Text Editor column type in Jspreadsheet.


• Implement Dynamic Readonly Cells in Jspreadsheet - Empower Developers to Control Cell Accessibility
  Learn how to make columns or individual cells read-only in Jspreadsheet, protecting data and preventing users from editing specific cells in your data grid.


• Jspreadsheet Fullscreen Mode
  Enable fullscreen mode in Jspreadsheet to expand the view and utilize the entire screen space for displaying your spreadsheet cells.


• Text Wrapping in Jspreadsheet
  How to use text wrap in a Jspreadsheet data grid.


• Creating a Jspreadsheet Data Grid as a Web Component
  The example shows how to implement Jspreadsheet as a web-component.


• Jquery Spreadsheet - Simplify Data Management and Visualization
  A quick and straightforward example showcasing the integration of Jspreadsheet with jQuery.


• Embedding Charts in Jspreadsheet with ChartJS
  How to enhance your data grids by embedding interactive charts in Jspreadsheet using ChartJS.


• Text Rotation in Jspreadsheet Spreadsheets
  How to implement text rotation in Jspreadsheet spreadsheets.


• Enabling or Disabling Grid Lines
  Discover how to disable and manage grid lines in Jspreadsheet for a customized spreadsheet experience.


• ChartJS and Jspreadsheet Integration
  Integrate ChartJS with Jspreadsheet to create dynamic data visualizations within your spreadsheets. Enhance data analysis and presentation with this powerful combination.


• Highcharts and Jspreadsheet Integration
  Discover Jspreadsheet events by exploring this real-time data update example showcasing the integration between Highcharts and Jspreadsheet.


• Real-time Collaboration in Jspreadsheet: Boost Productivity with Shared Spreadsheets
  Discover how to implement real-time spreadsheet sharing and collaboration using Jspreadsheet Private Cloud. Learn the technical aspects of enabling secure and efficient teamwork on spreadsheets in real-time.


• Grocery Store Data Grid Example
  Explore a simple grocery store data grid inventory example featuring search functionality and image upload using Jspreadsheet.


• Project Management Example
  Get insights into a simple project management spreadsheet example powered by Jspreadsheet.


• Web-based Loan Calculator Spreadsheet Example
  Explore a simple spreadsheet example using Jspreadsheet to calculate car finance.