# @syncfusion/ej2-lists

> The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views.

Latest version **34.2.6** (published 2026-09-01) · SEE LICENSE IN license license · 0 weekly downloads

## Install

```sh
npm install @syncfusion/ej2-lists
pnpm add @syncfusion/ej2-lists
yarn add @syncfusion/ej2-lists
bun add @syncfusion/ej2-lists
```

## Health

**Score 65/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 34.2.6 |
| Published | 2026-09-01 |
| First published | 2017-05-10 |
| Weekly downloads | 0 |
| License | SEE LICENSE IN license |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 3.4 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 449 |
| Author | Syncfusion Inc. |
| Maintainers | syncfusionorg, essentialjs2, syncfusion-javascript |
| Keywords | ej2, Syncfusion, web components, virtualization, group list, check list, listview with checkbox, listview template, material list, ui listview, remote listview, nested view, data list, infinite list, sort, checkbox, todo, list widget, list component, mobile list, list gestures, es6 list, dynamic list |

## Links

- npm: https://www.npmjs.com/package/@syncfusion/ej2-lists
- Repository: https://github.com/syncfusion/ej2-javascript-ui-controls.git#master
- Homepage: https://www.syncfusion.com/javascript-ui-controls
- Issues: https://github.com/syncfusion/ej2-javascript-ui-controls/issues
- npm.io page: https://npm.io/package/@syncfusion/ej2-lists

## Dependencies (4)

- [@syncfusion/ej2-base](https://npm.io/package/@syncfusion/ej2-base.md) ~34.2.6
- [@syncfusion/ej2-data](https://npm.io/package/@syncfusion/ej2-data.md) ~34.2.6
- [@syncfusion/ej2-popups](https://npm.io/package/@syncfusion/ej2-popups.md) ~34.2.6
- [@syncfusion/ej2-buttons](https://npm.io/package/@syncfusion/ej2-buttons.md) ~34.2.6

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@mesalvo/react-ui](https://npm.io/package/@mesalvo/react-ui.md) — 1.7K weekly downloads

## Recent versions

- 34.2.6 (latest) — 2026-09-01
- 26.1.35-7502 (beta) — 2025-10-07
- 34.2.2 — 2026-08-05
- 34.1.30 — 2026-07-09
- 34.1.29 — 2026-07-06
- 33.2.3 — 2026-04-21
- 33.1.47 — 2026-04-07
- 33.1.44 — 2026-03-16
- 32.2.7 — 2026-02-24
- 32.2.6 — 2026-02-17
- 32.2.3 — 2026-02-05
- 32.1.24 — 2026-01-20
- 32.1.23 — 2026-01-13
- 32.1.19 — 2025-12-16
- 31.2.12 — 2025-11-18
- … 186 more at https://npm.io/package/@syncfusion/ej2-lists/versions

## README

# ej2-lists

> **Using this package with an AI coding agent**
>
> Before generating Syncfusion® code, ask your AI coding agent to run the Syncfusion® setup using the following prompt:
>
> ```text
> Set up this project for Syncfusion® before generating code. Fetch and follow the official instructions at https://ai.syncfusion.com/agent-setup/prompt.md, then report the detected platform, installed skill pack, MCP status, and any required licensing action.
> ```
> The setup detects your project’s platform and loads the appropriate Syncfusion® skill pack. No Syncfusion® account or MCP key is required to install or read Syncfusion® agent skills.
>
> **Platform reference:** [https://ai.syncfusion.com/javascript/llms.txt](https://ai.syncfusion.com/javascript/llms.txt)

The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views. Lists are used for displaying data, data navigation, and data entry.

![ej2-lists](https://ej2.syncfusion.com/products/images/listview/readme.gif)

> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this control, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/?utm_source=npm&utm_campaign=listview). To acquire a license, you can [purchase](https://www.syncfusion.com/sales/products/?utm_source=npm&utm_campaign=listview) or start a free 30-day trial [here](https://www.syncfusion.com/account/manage-trials/start-trials/?utm_source=npm&utm_campaign=listview).

> A free [community license](https://www.syncfusion.com/products/communitylicense/?utm_source=npm&utm_campaign=listview) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

## Setup

To install `Lists` and its dependent packages, use the following command.

```sh
npm install @syncfusion/ej2-lists
```

## Resources

* [Getting Started](https://ej2.syncfusion.com/documentation/listview/getting-started/?utm_source=npm&utm_campaign=listview)
* [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/default.html)
* [Product Page](https://www.syncfusion.com/javascript-ui-controls/listview/?utm_source=npm&utm_campaign=listview)

## Supported Frameworks

`Lists` control is also offered in following list of frameworks.

| [<img src="https://ej2.syncfusion.com/github/images/angular-new.svg" height="50" />](https://www.syncfusion.com/angular-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg"  height="50" />](https://www.syncfusion.com/react-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | 
| :-----: | :-----: | :-----: | :-----: | :-----: |

## Showcase samples

* Webmail ([Live Demo](https://ej2.syncfusion.com/showcase/typescript/webmail/?utm_source=npm&utm_campaign=listview))
* Call History ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/call-history.html))

## Key Features

* [**Data binding**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/default.html) - Supports data binding to display the list of items from the local or server-side data source.

* [**Grouping**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/default.html) - Provides support to group the logically related items under a category.

* [**Nested list**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/nested-list.html) - Displays a set of nested list items in different layout.

* [**Virtualization**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/virtualization.html) - Allows you to load only viewable list items in a view port which will increase ListView performance on loading large number of data.

* [**Check list**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/checklist.html) - Displays list item with checkbox which allows you to select single or select multiple items.

* [**Customizing templates**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/group-template.html) - Allows you to customize the list item, header, and category group header.

* [**Accessibility**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=listview#/fluent2/listview/default.html) - Provides built-in accessibility support that helps to access all the ListView control features through the keyboard, on-screen readers, or other assistive technology devices.

## Support

Product support is available for through following mediums.

* Creating incident in Syncfusion [Direct-Trac](https://www.syncfusion.com/support/directtrac/incidents/?utm_source=npm&utm_campaign=listview) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2/?utm_source=npm&utm_campaign=listview).
* New [GitHub issue](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new/?utm_source=npm&utm_campaign=listview).
* Ask your query in [Stack Overflow](https://stackoverflow.com/?utm_source=npm&utm_campaign=listview/?utm_source=npm&utm_campaign=listview) with tag `syncfusion` and `ej2`.

## License

Check the license detail [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license/?utm_source=npm&utm_campaign=listview).

## Changelog

Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/lists/CHANGELOG.md/?utm_source=npm&utm_campaign=listview)

© Copyright 2026 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.

---
_Source: https://npm.io/package/@syncfusion/ej2-lists · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
