Search within TutorialsPark

jQuery Mobile : Tables


Learn how to Create Responsive tables and Tables with Column Toggle


jQuery Mobile Global Classes

Table: jQuery Mobile - jQuery Mobile Layout Grid

Class Description
ui-corner-all To add Rounded Corner
ui-shadow To add a show to an element
ui-overlay-shadow To add an overlay shadow
ui-mini To create a Smaller Element

jQuery Mobile Themes Classes

Table: jQuery Mobile - jQuery Mobile Layout Grid

Class Values Description
ui-bar-(a-z) When the user Taps on the Element
ui-bar-(a-z) When the user taps and holds on to the element for approx 1 Sec.
ui-btn-(a-z) Swipe either in vertical direction for 20 or less pixels , or horizontally for 30 or more pixels
ui-group-theme-(a-z) Swipe in left direction for 30 or more pixels
ui-overlay-(a-z) Swipe in right direction for 30 or more pixels
ui-page-theme-(a-z) Swipe in right direction for 30 or more pixels

jQuery Mobile Global Classes

Table: jQuery Mobile - Checkbox

Class Values Description
ui-grid-solo When the user Taps on the Element
ui-grid-a When the user taps and holds on to the element for approx 1 Sec.
ui-grid-b Swipe either in vertical direction for 20 or less pixels , or horizontally for 30 or more pixels
ui-grid-c When the user taps and holds on to the element for approx 1 Sec.
ui-grid-d Swipe either in vertical direction for 20 or less pixels , or horizontally for 30 or more pixels