• Vue 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 Vue 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 Vue 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 Everything

Layouts

Each layout includes a full set of Vue 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.

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 Vue 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

Vue Performance Benchmark

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

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

Vue SpreadJS Integration

SpreadJS Integration

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

Vue Localization

Localization

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

Vue Grouping

Grouping

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

Vue Sorting and Filtering

Sorting and Filtering

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

Vue Auto Merging

Auto Merging

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

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

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