Adding ListView controls (HTML)

[ This article is for Windows 8.x and Windows Phone 8.x developers writing Windows Runtime apps. If you’re developing for Windows 10, see the latest documentation ]

This section describes how to create and use the ListView control, a Windows Library for JavaScript control that displays data in a customizable list or grid.

In this section

Topic	Description
Quickstart: Add a ListView	Learn how to use the ListView control, a WinJS control that displays data in a customizable list or grid and supports data binding, virtualization, drag, and other advanced features.
How to enable reordering, dragging, and dropping in a ListView	Learn how to add reordering, dragging, and dropping items feature to a ListView control.
Style the ListView and its items	Learn how to customize the ListView by using CSS to style it.
How to brand your ListView	Learn how to brand your app's landing page by using the Grid App template and styling ListView items.
How to create a templating function	Learn how to create a templating function that generates items for a ListView.
How to change the selection mode	How to change the selection mode of a ListView.
How to group items in a ListView	Describes how to group items in a ListView.
How to display items that are different sizes in a ListView (Windows Store apps using JavaScript and HTML)	By default, the ListView allocates the same size for each item in the list. When you use a grid layout, you can modify this behavior and display items that are different sizes by making the items span multiple cells.
Item templates for grid layouts	Learn about item templates that you can use with a ListView that has a grid layout.
Item templates for list layouts	Learn about item templates that you can use with a ListView that has a list layout.

 

Related topics

ListView reference