Share via


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.

A ListView with grouped items

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.

 

ListView reference