Available in the Full Version

Data Grid - Twitter Bootstrap

This sample is designed for a larger screen size.

On mobile, try rotating your screen, view full size, or email to another device.

This sample demonstrates how to configure Responsive Web Design Mode feature to use Twitter Bootstrap Framework utility class for profile activation. This is done by using the Twitter Bootstrap responsive CSS classes (these classes are using CSS 3 media queries).
Depending on the device form factor (phone, tablet, desktop) in which this sample is viewed different set of columns are visible.
In Phone mode only 1 column is visible: Company Name. The other columns are configured to be hidden in this profile by using the hidden-sm-down Twitter Bootstrap CSS class.
In Tablet mode 4 columns are visible: Company Name, Contact Name, Address and City. The other columns are configured to be hidden in this profile by using the hidden-md-down Twitter Bootstrap CSS class.
In Desktop mode 7 columns are visible: Customer ID, Company Name, Contact Name, Contact Title, Address, City, and Country. All columns are visible in this profile.

Code View

Copy to Clipboard