JavaScript DataView

Make your data look beautiful and neat

The component serves for displaying objects according to custom templates. It allows you to arrange multiple objects with similar properties within a single container and get your data organized the way you need. For example, you can present data in the form of a grid or a list. DHTMLX JavaScript DataView also supports drag-n-drop of items between several DataViews.

Play around with a rich JavaScript API

If you're building an online store, or image gallery, or need to show a number of similar objects on a page, you can use DHTMLX DataView, which will greatly simplify this task. Due to the a JavaScript API, you can control how many items are in one row and what is the margin around them. Besides, it's possible to create a custom template for showing the content of items according to your requirements.

Customize your DataView to the bits

A wide range of customization options allows you to modify the look and feel of DHTMLX JavaScript DataView to match the style of your web app and answer all your needs. You can easily create new CSS classes with the necessary settings and style the whole widget or just the cells of your choice. We also provide ready-made templates for styling DataView on the fly.

Support for Angular, React, Vue.js

We have developed JavaScript dataview examples for the most widespread frameworks - Angular, React, and Vue.js. You can test them on GitHub under the GNU GPL license or download the Professional edition of the DHTMLX UI widgets library for 30-day evaluation, which comes with technical support from our team.