jQuery Mobile Column-Toggle Table columnPopupTheme 选项

jQuery Mobile是一个基于 HTML5 的用户界面系统，旨在制作可在所有智能手机、平板电脑和桌面设备上访问的响应式网站和应用程序。 Column-Toggle 表格小部件允许在带有复选框的 Column 按钮的帮助下隐藏/显示不太重要的列。

在本文中，我们将学习 jQuery Mobile Column-Toggle Table columnPopupTheme 选项。 columnPopupTheme 选项设置列选择器弹出复选框对话框的配色方案。

语法：我们需要将单个字符从 az 传递给 columnPopupTheme 选项，其中每个字符代表一个特定的配色方案。要初始化选项，请使用以下语法。

$("#gfg-table-column-toggle").table-columntoggle({
    columnPopupTheme: "b"
});

• 要在初始化后获取 columnPopupTheme，请使用以下语法：

  // Get the option
  var colPopupThemeOpt = $(“#gfg-table-column-toggle”).table-columntoggle(“option”, “columnPopupTheme”);

• 要在初始化后设置 columnPopupTheme，请使用以下语法：

  // Set the option
  $(“#gfg-table-column-toggle”).table-columntoggle(“option”, “columnPopupTheme”, “b”);

CDN 链接：为您的 jQuery Mobile 项目使用以下 CDN 链接。

示例：在下面的示例中，我们为columnBtnTheme选项使用字符“ b ”，为列弹出窗口使用了深色主题。

HTML

  

    
    
    
    
    
    
    
    

  

    
        
            GeeksforGeeks
        
        
             jQuery Mobile Column-Toggle 
                 Table columnPopupTheme Option
            
            
                
                    
                        
                        
                        
                        
                    
                
                
                    
                        
                        
                        
                        
                    
                    
                        
                        
                        
                        
                    
                    
                        
                        
                        
                        
                    
                    
                        
                        
                        
                        
                    
                
            Sl No.Article TitleCategoryTopic1
                          Hashing Data Structure
                        CodingData Structures2
                          Graph Data Structure And Algorithms
                        CodingData Structures3
                          ML | Multiple Linear Regression using Python
                        Machine LearningSupervised Learning4
                          Implementing DBSCAN algorithm using Sklearn
                        Machine LearningUnsupervised Learning
        
    
    
        $("#gfg-table-column-toggle").table - columntoggle({
            columnPopupTheme: "b"
        });
    

  

输出：

参考：https://api.jquerymobile.com/table-columntoggle/#option-columnPopupTheme