Skip to content
Related Articles

Related Articles

jQuery Mobile Column-Toggle Table classes.popup Option

View Discussion
Improve Article
Save Article
Like Article
  • Last Updated : 24 Feb, 2022

jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Column-Toggle Table classes.popup Option. In this option, the specified class is assigned to the column chooser popup.

Note: This classes option is only configurable via JavaScript because it expects an object literal value. It’s having two properties defining the structural class names that the plugin uses.


<div class="ui-table-columntoggle-popup">
   // content

CDN Link: First, add jQuery Mobile scripts needed for your project.

<link rel=”stylesheet” href=”//”>
<script src=”//”></script>
<script src=”//”></script>

Example: This example describes the jQuery Mobile Column-Toggle Table classes.popup Option.


<!doctype html>
<html lang="en">
    <link rel="stylesheet" 
    <script src=
    <script src=
        <div data-role="page">
            <h1 style="color:green;">
            <h3>jQuery Mobile Column-Toggle Table
                classes.popup Option</h3>
            <div id="log"></div>
            <div data-role="header">
            <div role="main">
                <table data-role="table" id="GFG" 
                            <th data-priority="1">
                              Company Name
                            <th data-priority="persist">
                            <th data-priority="2">
                                <a href="" 
            <div id="log">
                <h2> classes.popup </h2>
                <h3> Default: "ui-table-columntoggle-popup" </h3>
        $(document).ready(function () {



My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!