JavaScript ListView Control

Create a robust JavaScript ListView

dhtmlxList enables displaying items in a list based on a custom template. If a large amount of data is processed, you can make use of dynamic rendering, which will speed up your app. The control provides support for drag-n-drop of items between lists. End users may benefit from a convenient arrow keys navigation.

Configure the control to meet your needs

Due to the comprehensive JavaScript API, you can set all the necessary configuration options to fine-tune your list control. It takes just a couple of lines of code to specify the height of items and of the entire list. Besides, you can use a custom template to define how items of your list will look like.

Apply custom styling to achieve the desired looks

Just like all other DHTMLX UI components, our listview control has very flexible customization options allowing you to change its look and feel the way you need. Every aspect of its appearance can be modified: background, borders, etc. On top of all, you can choose which particular items to style. For example, color all even cells in grey.

Integrate dhtmlxList into your Angular, React, or Vue.js apps

As Angular, React, and Vue.js are gaining more and more popularity among developers, we’ve prepared special wrappers for a smooth integration of dhtmlxList into your apps based on these frameworks. To try it out, get a 30-day trial version of the Suite UI library and make use of our extensive documentation and technical support team assistance.