Go beyond traditional tabular displays by choosing from a variety of different presentation views including tree, card, masonry, trellis, timeline, Gantt, calendar, and grid.Download Free Developer License (V 220.127.116.117)
- Free Unlimited Developer Licenses! Only pay for Deployment
- Choose from a variety of views including: grids, cards, trellis, calendar, Gantt, news feed, timeline and more
- Highly customizable
- Change layouts with a single line of code
- Full support for Angular, React, and Vue
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.
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.
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.
Present your data in a traditional tabular row and allow the user to sort, filter, group, and edit with ease.
A quick and easy tree view for your hierarchical data. Includes special aggregation functions to summarize the data easily.
Columns can be arranged horizontally to create informative product comparison tables.
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.
Make each row an object on a timeline with options such as date and line placement and header toggle.
Test out the performance of different grids compared to DataViewsJS with this interactive benchmark that tries out the same data rendering in different grids.
Bind DataViewsJS to data, with support for CRUD operations, infinite scrolling, live loading, pagination, serialization, and server-side sorting and filtering.
Write expression strings as filter conditions and use one-click sorting on column headers to sort the data.
Take control of your data by locking a row to prevent user editing from editing a set of data.
Define data input validations to ensure end-users enter accurate and clean data.
Combine DataViewsJS with SpreadJS by synchronizing data between different controls and DataViewsJS, or use the calculation engine on its own.
Change localization resources using built-in resources or custom text to change the language of DataViewsJS.
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.
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.
Show data alerts and spot trends in your data with small graphs in the view known as sparklines. Customize where and how they are displayed with different styles and types.
Format data in DataViewsJS using formatting strings similar to those used in Microsoft Excel. Format data such as dates, currency, and percentages to fit your application needs.
Apply presenters and custom CSS classes to visualize your data the way you want by formatting data fields. Format images, visualize numbers, and apply conditional formatting.
Present calculated data fields outside of the data view by using predefined name formulas that can be placed anywhere on the page. Write functions and display results as numbers, strings, sparklines, and other indicators.
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.