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
hashchange To add Rounded Corner
mobileinit To add a show to an element
navigate To add an overlay shadow
orientationchange event To create a Smaller Element
orientationchange event To create a Smaller Element
hashchange Event enables bookmarkable #hash history.
mobileinit Event denotes that jQuery Mobile is done loading
navigate Event occurs before both hashchange and popstate
orientationchange event Event is triggered when the device orientation changes i.e either portrait/landscape
pagebeforechange Event is triggered before page loading or transition and after page loading completes, in two phases
pagebeforecreate Event is triggered before page is created
pagebeforehide Event is triggered on the "fromPage" while transitioning away from, before actual transition animation is activated
pagebeforeload Event is triggered before any load request is made.
pagebeforeshow Event is triggered on the "toPage" to which transitioning happens,
pagechange Event is triggered after the request changePage() has finished loading the page in the DOM, and all transition animations done.
pagechangefailed Event is triggered when the request changePage() fails to load the page
pagecreate Event is triggered when the page gets created in the DOM, and all other widgets within the markup are enhanced.
pagehide Event is triggerd on the "fromPage" after transition animation is done.
pageinit Event is triggered when the page is being initialized, after initialization occurs.
pageload Event is triggered when the page is successfully loaded and inserted into the DOM
pageloadfailed Event is triggered when the request for page load fails
pageremove Event is triggered before an external page is removed from the DOM
pageshow Event is triggered on "toPage" after transition animation is complete
scrollstart Event is triggered when scrolling starts
scrollstop Event is triggered when a scrolling stops
swipe Event is triggered by a horizontal swipe of 30px or more, and less then 30px vertically within 1 sec.
swipeleft Event is triggered when a swipe is left direction happens
swiperight Event is triggered when a swipe in right direction happens
tap Event is triggered after a complete touch event
taphold Event is triggered after a sustained touch
throttledresize The Event limits the rate of execution of handlers on resize events
updatelayout Event is triggered by components within the framework that hides/shows content dynamically
vclick Virtual mouseclick event handler
vmousecancel Virtual mousecancel event handler
vmousedown virtual mousedown event handler
vmousemove virtual mousemove event handler
vmouseout virtual mouseout event handler
vmouseover Virtual Mouseover event handler
vmouseup Virtual Mouseup Event Handler

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