• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

Scroll Modes

By default, the ListView is as high as its content and as wide as the available space. To enable scrolling, use a fixed height that is less than the height of the ListView content.

Default Scrolling

To configure the height of the ListView, either set its height input or use the style HTML property. To configure the width of the ListView, use the style HTML property.

Example
View Source
Change Theme:

Endless Scrolling

After the user scrolls to the end of the content container, the ListView enables you to load more records by appending additional data items on demand. To set the endless scrolling feature, use the scrollBottom event of the ListView.

The following example demonstrates how to implement endless scrolling with local data.

Example
View Source
Change Theme:

In this article

Not finding the help you need?