All docs
V24.2
24.2
24.1
23.2
23.1
The page you are viewing does not exist in version 23.1.
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.

JavaScript/jQuery List - Overview

DevExtreme List is a UI component that displays data from local or remote data storage and allows users to group, select, search, reorder, and delete items.

In this overview you can find a map of List elements, information about key features, and what to explore next.

Elements

Below is an element map. A click on an element navigates to the topic related to this element.

List elements Search Grouping Grouping Grouping Customize items Customize items Customize items Selection Reorder items Delete items Item Item Item

Key Features

  • Selection
    Users can select one or multiple items in the List component.

  • Search
    Activate the search bar by setting the searchEnabled property to true.

  • Reorder and Delete Items
    You can also configure reordering and deletion of List items.

  • Grouping
    Display items in a two-level hierarchy with groups. Use the groupTemplate option to customize group headers.

  • Customize Item Appearance
    Use the itemTemplate property to customize the appearance of List items.