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
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.
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.
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.
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.
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.
Pop-up Form Editing
Dropdown Form Editing
Explore all of the DataViewJS Features
- DataViews Angular Component
- Using DataViews in PureJS
- DataViews React Component
- Referencing DataViews in your npm-based applications
- DataViews Vue Component
- Using DataViews
- Creating a Basic Grid
- Using SASS
- Using Touch Support
- Using DataViews Libraries
- Working with Rows
- Auto Add Row
- Enabling Auto Row Height
- Using a Column Header Row
- Using Row Templates
- Grid Functions
- Buffered Rendering
- Calculations using DAX
- Fixed Header
- Live Loading
- Right-to-Left Formatting
- Adding a Search Box
- Allowing Selection
- Using Serialization
- Using the Tree Grid