Configuring Single Column Template (igGrid, RWD Mode)

Topic Overview

Required background

The following table lists the concepts, topics, and articles required as a prerequisite to understanding this topic.

In this topic

This topic contains the following sections:

Single Column Template Overview

The responsive Single Column Template allows you to define a custom template that renders the data from a row into a single column based on the current layout mode (tablet or phone).

This allows you to create a specialized look for the data in the grid when it's rendered on small devices.

Note The RWD Single Column Template feature is supported only with the Paging grid feature. All other grid features are currently not supported with this mode.

Single Column Template Configuration

The templates per specific profile are specified via the singleColumnTemplate option of the Responsive Web Design Mode feature. Different templates can be specified based on the current layout mode (tablet or phone) in order to further customize the way the data is presented.

The below sample shows how this configuration affects the rendering of the data depending on the device size. In order to see the different modes take effect please open this sample on a mobile device or resize the browser's window.

Related Content


The following topics provide additional information related to this topic.

View on GitHub