Skip to main content Skip to footer
JavaScript Data File Viewer Examples

Cross-Platform JavaScript Data Viewer

Open and view data documents on the web with our JavaScript data viewer.

  • Load Excel (XLSX), CSV, and SpreadJS (SSJSON and SJS) files, all in one viewer
  • Support data interactions using sort, filter, and slicer
  • Extensive support for Excel features including visualizations such as Charts, Shapes, Tables, Pivot Tables and so on
  • Works in all modern browsers and frameworks, including Edge, Chrome, Firefox, Opera, Safari, .NET 6+, React, Preact, Angular, and Vue
  • Integrate with Document Solutions for Excel's server-side API (.NET and Java Editions) and view files programmatically
  • Embed in .NET, Java, and JS applications using easy-to-use API
  • Included with Document Solutions for Excel (.NET and Java Editions)
DOWNLOAD FREE TRIAL (.NET) DOWNLOAD FREE TRIAL (JAVA)

Overview

Document Solutions Data Viewer (DsDataViewer) is a JavaScript component to load and view data documents in web applications. DsDataViewer allows developers to build cross-platform web applications to load and view data documents across browsers using major JavaScript frameworks. Currently, it supports loading Excel, CSV, and SpreadJS (SSJSON and SJS) data files.

Why Use the JavaScript Data Viewer

Unified Data Viewing Solution

Unified Data Viewing Solution

A unified JavaScript-based client-side viewer that can load and preview any data-related document all in one place.

Load Data File of Multiple Format

Load Data File of Multiple Format

Supports loading of different data file formats, Excel (XLSX), CSV, and SpreadJS (SSJSON and SJS).

Cross-Platform

Cross-Platform

A cross-platform solution to view data documents on Windows, Mac, Linux, iOS, and Android devices in all modern browsers.

Web Framework Support

Web Framework Support

Embed the data viewer in any of the major web frameworks–Angular, Vue, ASP.NET Core, ASP.NET MVC, HTML5, React, and Preact.

Support Viewing Excel Features

Support Viewing Excel Features

Excel features such as Conditional Formatting, Databars, Tables, Pivots, Group outline, Password-protected, frozen panes, and many others can be viewed in the data viewer.

Easy to Embed Client-Side API

Easy to Embed Client-Side API

Utilize the power of client-side DsDataViewer API to achieve full-fledged data needs for your application.

Integrate with Document Solutions for Excel (DsExcel)

Integrate with Document Solutions for Excel (DsExcel)

Can seamlessly integrate with DsExcel (.NET or Java edition) taking advantage of powerful server-side needs.

Explore the Features of the JavaScript Data Viewer

Build Cross-Platform Applications Using Major Web Frameworks

DsDataViewer can be conveniently embedded in major web frameworks such as pure JavaScript, Angular, Vue, ASP.NET Core, ASP.NET MVC, HTML5, React, and Preact.

Check out the demos, including samples that shows how to use DsDataViewer with various web frameworks.

Try Demo

Support Multiple File-Formats

DsDataViewer provides support to open documents of different file formats - XLSX, CSV, and SpreadJS (SSJSON and SJS). Use the built-in Open document button in the Viewer or use the OpenFile method to load your document.

Try Demo

Data Open Options

Choose from several data options available with DsDataViewer while loading a XLSX, CSV, or SpreadJS (SSJSON and SJS) document. Use the UI or openOptions API.

Try Demo

Open Password-Protected Excel Documents

The viewer supports opening a password-protected Excel (XLSX) document. Use the interface or openOptions API to open a password-protected document.

Try Demo

Customize the User Interface

DsDataViewer offers UI customization for different scenarios. Customize for viewer appearance with different theme options - built-in themes provided with DsDataViewer’s package, override the existing style, and create your own. Modify the appearance of toolbar by hiding or reordering the buttons.

TRY DEMO

Display Data Visualizations

DsDataViewer can display the commonly used visualizations in XLSX and SpreadJS (SSJSON and SJS) documents. It includes, Chart, Shape, Picture, and SJS Barcodes.

Try Demo

Sort or Filter Data

DsDataViewer offers to filter and sort the data in a Range or Table using Sort & Filter options and Filter dialog.

Try Demo

Filter Data Using Slicer

DsDataViewer offers quick filter of data in Table and Pivot Table using Slicer.

Try Demo

Keyboard Accessible Grid Operations

Perform grid operations such as selection, copy, and move using only keyboard.

Learn More

Document Solutions Data Viewer’s Licensing

Document Solutions Data Viewer (DsDataViewer) offers two options to license the viewer. The Standard Viewer License is included with the purchase of Document Solutions for Excel .NET or Java Edition and includes standard features like document viewing, zooming content, and more. The optional Professional Viewer License enables data visualization objects such as Charts, and data transforming and interactive capabilities such as Filter, Sort, and much more. A more detailed comparison is below and helps determine what license plan is the best option for you.

Contact sales at us.sales@mescius.com to upgrade your license type.

Standard Viewer License

All standard DsDataViewer features allow data view functionalities including:

  • Open local or remote XLSX, CSV, SpreadJS (SSJSON and SJS) documents.
  • Zoom in and out, scrollable data content.
  • View group outline and frozen pane.
  • Resize or Autofit rows and columns.
  • Select cells, copy data to clipboard and view data aggregations.
  • Show/Hide Notes.
  • Customize toolbar buttons to hide or reorder.
  • Display viewer in different themes.
  • Display Table, Sparkline/SparklineEx, Databars, and Iconsets.
  • Display the conditional format result, formula result, data formats, data validation values in cells/grid.
  • Display object style and cell gridlines.
  • Display hidden sheets.
  • Display hyperlink and allow navigation.
  • Support keyboard accessible grid operations.

Professional Viewer License

Professional license includes all features of the Standard License and additionally includes interactive operations and display of data visualization objects as described below:

  • Filter and sort data using arrow in a Range or Table.
  • Filter and sort data using Slicer in Table and Pivot Table.
  • Display Chart, Shape, and Picture.
  • Display Barcode results of SpreadJS Barcode Formula.
  • Allow navigation on Shape and Picture object.

Trusted by the World's Leading Companies

"The speed to build what we needed and the level of ease of use of controls are why we chose GrapeCity [now known as MESCIUS]. It was a perfect fit."

Spiro Skias - CGI