Cross-Platform JavaScript Excel XLSX Viewer

View and explore Excel spreadsheets and other data files directly in your web app, no Office installation required. Supports Excel, CSV, SpreadJS, Apache Arrow, and Parquet formats.

  • Feature-rich JavaScript viewer for Excel and structured data files
  • Supports all major browsers and frameworks, including Edge, Chrome, Firefox, Opera, Safari, React, Vue, Preact, and Angular
  • Open and view Excel (XLSX, XLTX), CSV, Apache Arrow, Parquet, and SpreadJS (SSJSON, .sjs) files
  • Included with Document Solutions for Excel .NET and Java
Download Free Trial (.NET) Download Free Trial (Java)

Build faster, give your AI coding assistant access to MESCIUS docs, APIs, and code examples — explore the MESCIUS MCP Server →

Test Drive the Ultimate
JavaScript Data File Viewer Control

A JavaScript data file viewer is a software component used to view and analyze spreadsheet and structured data directly in web applications. The Document Solutions Data Viewer (DsDataViewer) allows developers to display and interact with Excel, CSV, Parquet, Apache Arrow, and SpreadJS files across browsers using major JavaScript frameworks.

Pro Viewer

Ultimate Client-Side Data File Viewer Solution

Viewer Control For Enterprise Data File Applications - XLSX, CSV, Apache Arrow, Parquet, SJS, and SSJSON

For Enterprise Applications

The DsDataViewer control is a fast, cross-platform JavaScript viewer for Excel and other major data formats including CSV, Arrow, Parquet, and SpreadJS. It integrates with Angular, React, Vue, and all modern browsers. Users get essential data-exploration tools—sorting, filtering, grouping, conditional formatting, and freeze panes—plus rich visuals like charts, shapes, images, and barcodes . With customizable UI options, themes, responsive design, and multi-language support, it provides a flexible, enterprise-ready way to embed spreadsheet functionality in any web app.

Complete Server and Client-Side XLSX Solution

Pair Document Solutions for Excel, both .NET and Java, with this included JavaScript data viewer to build a complete workflow. Create or modify data files programmatically on the server, then allow your users to view them securely in the browser using the Document Solutions Data Viewer. This data viewer control focuses on client-side file viewing, including XLSX, XLTX, CSV, Arrow, and Parquet files making it ideal for securely displaying structured datasets without modification.

NOTE: If your application requires full interactive client-side spreadsheet editing, formula calculation, or data entry, we recommend SpreadJS, which provides a complete Excel-like client-side spreadsheet editing experience.

Enable Data File Viewing with DsDataViewer, or Add Data File Editing using SpreadJS
JavaScript Data File Viewer with Customizable & Easy to Use UI | Developer Solutions

Customizable & Easy to Use UI

Tailor the JavaScript Data Viewer to match your application’s branding, workflow, and usability requirements. With full control over toolbars, sidebars, themes, and layout, developers can create an intuitive, professional interface that aligns perfectly with any design system. The toolbarLayout and sidebarLayout APIs make it easy to show, hide, or reorder UI elements across desktop, mobile, and full screen modes, while built-in themes and CSS overrides allow seamless visual integration into your web application. With responsive design and streamlined configuration, DsDataViewer ensures an efficient and accessible viewing experience on every platform.

Enhanced Data Visualizations in Professional Data Viewer

A Document Solutions for Excel, both .NET or Java, purchase includes a Standard viewer license for the JavaScript Data Viewer, providing a powerful, client-side solution for viewing data files. The optional Professional viewer license enhances DsDataViewer with advanced visualization and interaction capabilities, including support for charts, shapes, pictures, slicers, and barcodes. These features enable users to view complex, data-driven dashboards and reports with ease, bringing spreadsheet-based visualizations to life without relying on desktop software. Whether displaying financial reports, analytic dashboards, or visual data summaries, the Professional DsDataViewer offers a complete web-based data visualization experience.

Create an Excel or Data File Viewer Web App with Data Visualizations
See Why More Developers Are Switching From Aspose!

See Our Comparison Guide

JavaScript Data Viewer Features

Allow users to search and locate data in JavaScript Web Applications

Advanced Search

Quickly locate and navigate to specific data within the JavaScript Data Viewer using the built-in Search Panel with advanced filtering options and cross-sheet search support.

Enable End-Users to Filter and Sort Data in this JS data file viewer control

Sort & Filter

Organize and analyze data efficiently with the professional JavaScript Data Viewer using the Sort and Filter features to display only the most relevant information.

JavaScript data viewer with slicers for interactively filtering table and pivot table dataJavaScript data viewer with slicers for interactively filtering table and pivot table data

Data Slicer

Interactively filter Table and Pivot Table data within the professional data file viewer control using slicers for quick, intuitive control and visual feedback on applied filters.

Add interactive UI table data filtering and sorting in JavaScript web apps | Developer Solution

Table Filtering & Sorting

Easily add interactive UI table data filtering and sorting in JavaScript web applications.

Developer Tool to allow users to programmatically extract data from a JS workbook

Extract Data

Retrieve data from specific cells or ranges in the JavaScript Data Viewer programmatically using built-in methods for accessing sheet content and selections.

JavaScript Excel XLSX File Viewer Control with Professional Chart Support

Chart

Visualize spreadsheet data interactively with the professional JavaScript Data Viewer using built-in support for charts, pivot charts, and chart sheets.

Display and Interact with Shapes with our Professional Data File Viewer Control

Shape

Display and interact with shapes embedded in Excel and SpreadJS files within the professional JavaScript Data Viewer to enhance dashboards and visual reports.

Display images embedded in Excel and SpreadJS files with the professional JavaScript Data Viewer

Pictures

Display images embedded in Excel and SpreadJS files with the professional JavaScript Data Viewer to enrich reports and enhance data visualization.

Display barcodes directly within the browser with this professional JavaScript data viewer

Barcodes

Display barcodes generated in SpreadJS files directly within the professional JavaScript Data Viewer to visualize encoded data in a readable format.

Open and view local spreadsheet files directly in this JavaScript data file viewer control

Load Files Via UI

Open and view local spreadsheet files directly in this JavaScript data file viewer control using the built-in file selection dialog for supported formats such as XLSX, CSV, and SJS/SSJSON.

Automate the process of opening and displaying data files in JS Web Applications

Programmatically Load Files

Programmatically load data files into a JavaScript data viewer to automate the process of opening and displaying supported spreadsheet formats.

Open and display spreadsheet files hosted online directly within JavaScript web app

Load Files from Remote URL

Open and display spreadsheet files hosted online directly within JavaScript web apps using this data viewer control by passing a remote URL to the DsDataViewer.

Open and view Excel (.xlsx) files JavaScript web apps | Developer Solution

XLSX

Open and view Excel (.xlsx) files JavaScript web apps using a data file viewer control with flexible display and security options.

Securely open and view password-protected Excel (.xlsx) files using a JavaScript data viewer control | DsDataViewer

Open Password-Protect XLSX

Securely open and view password-protected Excel (.xlsx) files using the DsDataViewer by providing the decryption password through the user interface or API.

Open and View XLTX Files in JavaScript File Viewer Control

XLTX

Open and view Excel XLTX template files while preserving common workbook display settings, interactive elements, and protected template content.

Open and view CSV files in a JavaScript Data Viewer Control | Developer Solutions

CSV

Open and view CSV files in the JavaScript Data Viewer controlling separators, encoding, and header settings.

The JavaScript data file viewer, DsDataViewer, supports opening SpreadJS (.sjs and .ssjson) files

SpreadJS (SJS & SSJSON)

Open and configure SpreadJS (.sjs and .ssjson) files in the DsDataViewer, controlling visibility and grouping settings for a customized view.

Load and visualize Apache Arrow files in a JavaScript data viewer | Document Solutions

Apache Arrow

Load and visualize Apache Arrow files in a JavaScript data viewer for efficient, columnar data access directly within the browser.

Open and explore Apache Parquet files in JS web apps | Developer Solution

Parquet Files

Open and explore Apache Parquet files in JS web apps using this data file viewer control. Allow users to efficiently analyze large, columnar datasets directly in the browser.

Configure the toolbar of the JavaScript Data Viewer to show, hide, or reorder buttons

Customize Toolbar

Configure the toolbar of the JavaScript Data Viewer to show, hide, or reorder buttons for desktop, mobile, and fullscreen views.

Modify, show, or hide the sidebar in the JavaScript Data File Viewer for a tailored viewing experience

Customize Sidebar

Modify, show, or hide the sidebar in the JavaScript Data Viewer for a tailored viewing experience.

Apply built-in visual themes to the JavaScript Data Viewer

Built-In Themes

Apply built-in visual themes to the JavaScript Data Viewer to match application styling and improve user experience.

Override Default CSS to Customize JS Data File Viewer Control

Override CSS Styles

Customize the appearance of the JavaScript Data Viewer by overriding its default CSS styles to match your application's design and branding.

JavaScript Data Viewer Quick Start Guide

Quick Start Guide
1. Download the latest release of the JavaScript Data Viewer control, DsDataViewer.

Download Free Trial or Install from NPM: 

npm i @mescius/dsdataviewer
2. Add needed script files to projects HTML file. 
<body onload="loadDataViewer('#root')">
    <div id="root" class="dsdataviewer"></div>
    <script type="text/javascript" src="lib/node_modules/@mescius/dsdataviewer/dsdataviewer.js"></script>
</body>

3. Initialize the Data Viewer control.

 
function loadDataViewer(selector) {
  var viewer = new DsDataViewer(selector, {});
}

4. Load an existing Excel document into the JS Data Viewer using the openFile method.

 
viewer.openFile("Files/Family.xlsx");

Learn more with our complete Quick Start guide for the Document Solutions Data Viewer.

The Standard vs. Professional Data Viewer License

The Document Solutions Data Viewer (DsDataViewer) offers two licensing options: Every Document Solutions for Excel (DsExcel) license, both .NET and Java, includes the Standard Viewer. Developers can upgrade to the Professional Viewer for advanced editing, form-filling, and collaboration features.

Standard Data Viewer License
(Included with DsExcel)

Supports core view functionalities, including:

Professional Data Viewer License
(Upgrade Option)

Includes everything in the Standard Viewer, plus the display of data visualization objects and interactive sorting & filtering operations. The Pro license requires an additional fee:

  • All Standard DsDataViewer view functionalities
  • Filter & sort data in a Range or Table
  • Filter & sort data using Slicers in Tables & Pivot Tables
  • Add or remove fields, modify layout, adjust field settings, and apply theme changes in Pivot Tables
  • Display Charts, Shapes, & Pictures
  • Display Barcode results of SpreadJS Barcode Formula
  • Allow navigation on Shape and Picture objects
ℹ️ Looking to add full Excel-like spreadsheet editing capabilities to your app? Check out SpreadJS instead!

Professional Data Viewer License Deployment Options

The Standard Data Viewer License deployment is included with your DsExcel purchase at no extra cost. The Professional Data Viewer License is licensed separately per each separate Hostname. Subdomains are also considered separate Hostnames. Choose from the following purchasing options:

Internal or Non-Commercial

  • One (1) Single Hostname
  • Single Domain (*.domain)

Commercial & SaaS

  • Single Hostname, Single Domain (*.domain) or SaaS *.domain
  • Unlimited Domains or SaaS (*.* wildcard)

📩 Contact sales at us.sales@mescius.com for additional information on pricing or licensing.

Easy Licensing & Distribution

Access your Document Solutions Distribution Key(s) through your MESCIUS account after purchase.

Licensing FAQs

Document Solutions offers flexible tiered licensing options for single-location, multi-location or cloud use, and individual and team licenses.

Learn More About Licensing

Request a Trial Key

Our sales team can provide 30-day trial Distribution Keys for Document Solutions Data Viewer upon request, allowing you to deploy our APIs during your trial period.

Contact Our Sales Team

Have Questions? We're Here to Help

Email us.sales@mescius.com to discuss your project needs with our product specialists or request a personalized demo with the Product Manager.

Contact Support

Trusted by the World's Leading Companies

MESCIUS Customers

Company names and logos are trademarks of their respective owners. Their display is for identification purposes only and does not imply endorsement of or affiliation with MESCIUS.

"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