• JavaScript Data Presentation

    DataViewsJS enables you to easily and professionally customize the presentation of your data using different layouts, row templates, data fields, calculations, and editing modes that are completely and easily customizable.

  • Full Framework Support

    DataViews is not dependent on any external libraries or frameworks, and provides full support for the major JavaScript frameworks, which include Angular, React, and Vue in the form of wrappers.

  • Present Your Data Using Views

    Visualize data in your JavaScript application to provide different perspectives using the customizable data presentation options, which include Tree Grid, Horizontal Grid, Card, Calendar, Masonry, Kanban, Timeline, and Gantt.

  • High Performance

    DataViewsJS was designed from the start to be a fast, full-featured, and completely customizable developer tool for efficient data display and editing to meet any of your JavaScript application’s needs.

  • Powerful Calculation Engine

    Leverage the powerful calc engine to perform calculations on any set of JSON data. With our calculation engine, your computing power is optimized for large data and complex calculations.

  • Localization

    Localized resources for Chinese, Japanese, and Korean are included with DataViewsJS. Additional languages can be easily added by creating your own resource files and setting them with simple script code.

Professional Layouts

Modern data presentation patterns such as those you see on social networks and other sites become easy when you use DataViewsJS interchangeable layouts.

Build advanced data views for your CRM, project management, social networking, eCommerce or any business application. Achieve ultimate flexibility by making layouts, row templates, data fields, calculations, and editing modes completely and easily customizable. Use DataViewsJS layouts for analysis, performance monitoring, data reporting, dashboards, product catalogs, eCommerce, news feeds, project management applications, and much more.

Customize Edit Modes

Allow users to edit data inline, with a pop-up form, or with a drop-down form. DataViewsJS will display fields in data appropriate controls such as text fields for strings and spinners for numbers. Each method is completely customizable, so you can make it look and behave the way you need.

DataViewsJS Top Features

JavaScript Performance Benchmark

Performance Benchmark

Test out the performance of different grids compared to DataViewsJS with this interactive benchmark that tries out the same data rendering in different grids.

JavaScript Data Binding

Data Binding

Bind DataViewsJS to data, with support for CRUD operations, infinite scrolling, live loading, pagination, serialization, and server-side sorting and filtering.

JavaScript SpreadJS Integration

SpreadJS Integration

Combine DataViewsJS with SpreadJS by synchronizing data between different controls and DataViewsJS, or use the calculation engine on its own.

JavaScript Localization


Change localization resources using built-in resources or custom text to change the language of DataViewsJS.

JavaScript Grouping


Customize how you group your data, including custom headers, footers, drag and drop to group, and header sparklines.

JavaScript Sorting and Filtering

Sorting and Filtering

Write expression strings as filter conditions and use one-click sorting on column headers to sort the data.

JavaScript Auto Merging

Auto Merging

Automatically merge adjacent cells that contain the same values, and choose how the merge happens with the different modes.

JavaScript Row Features

Row Features

Use rows in DataViewsJS in many different ways, including summarizing data in column headers, as navigation for other controls, or as a summary chart.

JavaScript CSV Export

CSV Export

Exports rows of data in DataViewsJS to CSV files, copy them as CSV-formatted data to the clipboard, or load CSV as a data source into DataViewsJS.