DataViewsJS
Presenting DataViewsJS. Enhanced Data Presentation Views.
- Fast! Pure JavaScript, optimized for speed
- 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.
-
Advanced comprehensive JavaScript data presentation controls.
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.
Grid
Tree Grid
Horizontal
Card
Trellis
Gantt
Calendar
Timeline
Masonry
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.
Customizable
Sparklines
Number Formatting
Custom Presenters
Calculated Fields
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.
Inline Editing
Pop-up Form Editing
Dropdown Form Editing
Explore all of the DataViewJS Features
- Frameworks
- DataViews Angular Component
- Using DataViews in PureJS
- DataViews React Component
- Referencing DataViews in your npm-based applications
- DataViews Vue Component
- Working with Rows
- Auto Add Row
- Enabling Auto Row Height
- Using a Column Header Row
- Using Row Templates
- Using Layouts
- Card Layout
- Grid Layout
- Horizontal Layout
- Masonry Layout
- Gantt View
- Using Grouping Strategy
- Calendar Grouping
- Timeline Grouping
- Trellis Grouping
Resources
Support
Forums (24-hour Global Support)
Submit a ticket