DataViewsJS

Advanced JavaScript data presentation and datagrid platform.

Published by MESCIUS (formerly GrapeCity)
Distributed by ComponentSource since 1996

Prices from: $ 984.02 Version: 1.8.16.1407 Updated: Sep 8, 2023

Screenshot of DataViewsJS

DataViewsJS

DataViewsJS is a pure JavaScript control which provides a customizable grid and other powerful features for creating flexible data presentation widgets. It offers all the features of a normal grid along with support for different layout engines, Excel DAX formulas, and various grouping strategies. The grouping strategies can be used to design custom layouts similar to Facebook, Pinterest, chat, scheduler, and so on. It is highly customizable and you can change layouts with a single line of code.

DataViewsJS

Tree GridA quick and easy tree view for your hierarchical data. Includes special aggregation functions to summarize the data easily.
Tree GridA quick and easy tree view for your hierarchical data. Includes special aggregation functions to summarize the data easily.
GridPresent your data in traditional tabular row and allow the user to sort, filter, group and edit with ease.
GridPresent your data in traditional tabular row and allow the user to sort, filter, group and edit with ease.
HorizontalColumns can be arranged horizontally to create informative product comparison tables.
HorizontalColumns can be arranged horizontally to create informative product comparison tables.
CardLays 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.
CardLays 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.
CalendarCreative calendar implementations, sales reports and weather forecasts.
CalendarCreative calendar implementations, sales reports and weather forecasts.
Click for more

Image 1 / 6

Tree GridA quick and easy tree view for your hierarchical data. Includes special aggregation functions to summarize the data easily.
GridPresent your data in traditional tabular row and allow the user to sort, filter, group and edit with ease.
HorizontalColumns can be arranged horizontally to create informative product comparison tables.
CardLays 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.
CalendarCreative calendar implementations, sales reports and weather forecasts.

DataViewsJS Features

  • Presentation Views
    • Grid Layout - Grid Layout is the default layout to present data and allows end-users to sort, filter, group, and edit with ease.
    • Tree Grid View - Implement a quick and easy Grid Tree view to display and filter large amounts of hierarchical data.  
    • Horizontal Layout - Columns can be arranged horizontally to create informative product comparison tables.
    • Card Layout - DataViewsJS provides the Card Layout to place each row in a defined block, or card.
    • Trellis...
Learn more about DataViewsJS

Latest News

Discover How Much You Can Save on Document APIs
Discover How Much You Can Save on Document APIs
September 15, 2025Feature Highlight
Document Solutions Total Cost of Ownership comparison includes an interactive TCO calculator.
GrapeCity is now MESCIUS!
GrapeCity is now MESCIUS!
November 1, 2023Publisher Update
The rebranding is driven by the company’s aim to provide the developer community with an even better experience and to encompass its growing vision for the future.
DataViewsJS 1.8.12.1371
DataViewsJS 1.8.12.1371
March 2, 2021New Version
Column header presenters now render HTML.
DataViewsJS 1.7
DataViewsJS 1.7
March 31, 2020New Version
Save and load data to/from Excel and CSV files.
DataViewsJS 1.3.0.942
DataViewsJS 1.3.0.942
December 23, 2019New Version
Adds Microsoft Excel-like filter buttons.
ComponentSource Partner Webinar - GrapeCity
ComponentSource Partner Webinar - GrapeCity
September 19, 2019Press Release
Explore new ways to visualize data and implement interactive controls
More News

Prices from: $ 984.02

Licensing Overview : DataViewsJS requires a license key for application deployment. A Deployment license is a key string that is included in the application and enables the product to work on one or...
More on Licensing

Got a Question?

Live Chat with our MESCIUS (formerly GrapeCity) licensing specialists now.

MESCIUS (formerly GrapeCity)
As official and authorized distributors, ComponentSource supplies you with legitimate licenses directly from MESCIUS (formerly GrapeCity).
More about MESCIUS (formerly GrapeCity)
Supported Frameworks
  • Angular
  • Vue
  • React
More on Compatibility

Recent Awards

PublisherPublisherPublisher