React ListView

Overview

The KendoReact ListView component is a flexible React UI component that enables the display of items in a list with a completely custom layout option for how each item is rendered. Think of results lists like those seen in search engines, tweets from Twitter and inbox items in email clients, etc. All of these layout types are possible with our React ListView component!

See React ListView Overview demo

React ListView - Overview, KendoReact UI Library

Paging

For scenarios that require large data sets, it’s always a good idea to break down the displayed information in to a more digestible size—both for the end-user and the browser. With this in mind, the KendoReact ListView component provides a built-in paging mechanism to give users an intuitive user experience for navigating between pages of data.

See React ListView Paging demo

React ListView - Paging, KendoReact UI Library

Endless Scrolling

Popularized by websites like eBay and Etsy, the Endless Scrolling feature of the React ListView component allows for large data sets to be scrolled through without a pager! Scrolling to the end of the current displayed data will initiate a request to load additional data, letting the user scroll to their heart’s content without loading and rendering all data on initial page load.

See React ListView Endless Scrolling demo

React ListView - Endless Scrolling, KendoReact UI Library

Editing

The KendoReact ListView fully supports the ability to create, edit and delete items within its interface! Editing functionality can be done on an item-by-item basis, or throughout the entire list of data items.

See React ListView Editing demo

React ListView - Editing, KendoReact UI Library

Filtering

By combining the KendoReact ListView component with the KendoReact Filter component, end users are provided with a powerful filtering mechanism to help reduce the amount of data displayed within the ListView, and quickly find the data item they are looking for.

See React ListView Filtering demo

React ListView - Filtering, KendoReact UI Library

Accessibility

The React ListView is compliant with Section 508 and WAI-ARIA standards and is WCAG 2.0 AAA rated.

React ListView - Accessibility, KendoReact UI Library

Next Steps

Visit Our Demos

See KendoReact in action and check out how much it can do out-of-the-box.

See Pricing

Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.

Start Free Trial

Try KendoReact with dedicated technical support.