JavaScript Data Presentation and Datagrid, JS Data Viewer , DataViewsJS

Comprehensive and Modern JavaScript Data Presentation

DataViewsJS enables you and your users to easily and professionally customize the presentation of the data. Visualize and provide different perspectives into the data using Grid, Horizontal Grid, Card, Masonry, Kanban, Timeline, and Gantt.
Full Framework Support

Full Support for JavaScript frameworks. Easy to use and included support for Angular, React, and Vue.

Virtual Loading and Server-Side Paging

You get to make the decision. Only load the specific data that you need from a server as you need it to better optimize the performance of your application.
High Performance

Fast, full-featured, and customizable data grid for efficient data display and editing.

Standalone 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. The calculation engine can also be used separately from DataViewsJS.
Localization

Includes localized resources for Chinese, Japanese and Korean. Additional languages can be easily added.

Professional Layout Plugins

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.

Change View:

Plugins

Grid

Present your data in traditional tabular row and allow the user to sort, filter, group and edit with ease

Try the Web Demo

Tree Grid

A quick and easy tree view for your hierarchical data. Includes special aggregation functions to summarize the data easily

Try the Web Demo

Horizontal

Columns can be arranged horizontally to create informative product comparison tables.

Try the Web Demo

Card

Lays out each row as easily formatted cards. Display cards in a variety of ways such as a list, in a grid, or in a trellis.

Try the Web Demo

Trellis

Trellis card display for perfect Kanban views of your tasks

Try the Web Demo

Gantt

Use the Gantt column to visualize project data ranges

Try the Web Demo

Calendar

Creative calendar implementations, sales reports and weather forecasts

Try the Web Demo

Timeline

Make each row an object on a timeline with options such as date and line placement and header toggle

Try the Web Demo

Masonry

A size perfect gallery of your images with infinite scrolling, all with a single line of code

Try the Web Demo

Grid

Present your data in traditional tabular row and allow the user to sort, filter, group and edit with ease

Tree Grid

A quick and easy tree view for your hierarchical data. Includes special aggregation functions to summarize the data easily

Horizontal

Columns can be arranged horizontally to create informative product comparison tables.

Card

Lays out each row as easily formatted cards. Display cards in a variety of ways such as a list, in a grid, or in a trellis.

Trellis

Trellis card display for perfect Kanban views of your tasks

Gantt

Use the Gantt column to visualize project data ranges

Calendar

Creative calendar implementations, sales reports and weather forecasts

Timeline

Make each row an object on a timeline with options such as date and line placement and header toggle

Customize Everything

Layouts

Each layout includes a full set of options and an API, so customization is simple. Decide between vertical or horizontal alignment, determine field placement, or format the overall look. The possibilities are endless.

Row Templates

Create templates for rows, groups, headers, and footers with plain HTML and CSS. Use templates to present a row on multiple lines in a traditional tabular display or create any kind of card you can imagine.

Built-in and Custom Data Field Presenters

Use configurable presenters to determine how to show data fields, columns, and headers. Choose from built-in presenters, such as Sparklines, progress bars, and image containers or write your own.

Change View:

Customizable

Sparklines

Use a sparklines to show data alerts and spot trends

Try the Web Demo

Number Formatting

Use Excel-like numerical formatting to format data each as dates currency and percentages

Try the Web Demo

Custom Presenters

Write your own presenters to format data fields. Useful to format images, visualize numbers, and apply conditional formatting.

Try the Web Demo

Calculated Fields

Write functions and display results as numbers, strings, sparklines, and other indicators.

Try the Web Demo

Sparklines

Use a sparklines to show data alerts and spot trends

Number Formatting

Use Excel-like numerical formatting to format data each as dates currency and percentages

Custom Presenters

Write your own presenters to format data fields. Useful to format images, visualize numbers, and apply conditional formatting.

Calculated Fields

Write functions and display results as numbers, strings, sparklines, and other indicators.

Customizable 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.

Change View:

Plugins

Explore all of the DataViewJS Features

Resources

Support

Forums (24-hour Global Support)
Submit a ticket

Experience

Demos Explorer

Learn

DataViewsJS Documentation
About DataViews Licensing

Next Steps

Pricing

View Demos

Dowload Free Trial

Comprehensive and Modern JavaScript Data Presentation

Full Framework Support

Virtual Loading and Server-Side Paging

High Performance

Standalone Calculation Engine

Localization

Professional Layout Plugins

Plugins

Customize Everything

Layouts

Row Templates

Built-in and Custom Data Field Presenters

Customizable

Customizable Edit Modes

Plugins

Explore all of the DataViewJS Features

Resources

Support

Experience

Learn

Recent Blogs

Next Steps