KendoReact

React ListView

  • A flexible React ListView component that enables the display of items in a list, complete with paging, endless scrolling, editing and filtering features.
  • Part of the KendoReact library along with 100+ professional UI components built with React for React, from the ground up.
  • Get started quickly with our award-winning support, detailed documentation, interactive demos and instructor-led training.
  • 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

  • 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 Accessibility - KendoReact

All KendoReact Components

waves bg

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.