jQuery Mobile 表类选项

jQuery Mobile 是一种基于 Web 的技术，用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。 jQuery Mobile 中的TableWidgets可用于设计响应式表格，可以轻松适应各种尺寸的屏幕。

在本文中，我们将使用 jQuery Mobile 表类选项向小部件的元素添加其他类。它属于对象类型。

语法：使用指定的类选项初始化表。

$( ".selector" ).table({
"classes.Name": "GeeksforGeeks"
});

• 设置类选项：

  $( ".selector" ).table( "option",
      "classes.Name", "GeeksforGeeks" );

• 获取类选项：

  var disabled = $( ".selector" ).table( "option", "classes.Name" );

CDN 链接：首先，添加项目所需的 jQuery Mobile 脚本。

示例：此示例描述了 jQuery Mobile 表类选项。

HTML

  

    
    
    table demo
    
    
    
    
    

  

    
        
            
                GeeksforGeeks
            
            jQuery Mobile Table classes Option
            
                
                    
                        
                            
                                
                                
                                
                            
                        
                        
                            
                                
                                
                                
                            
                        
                    CompanyDepartmentDomainGeeksforGeeksComputer Science
                                        www.geeksforgeeks.org
                                    
                                
                
            
            
            
        
    
    
        $(document).ready(function () {
            $("#GFG").table({
                classes: {
                    "classes.Name": "GeeksforGeeks"
                }
            });
            $("#GFG").table("option", "classes.Name", "GeeksforGeeks");
            $("#Button").on('click', function () {
                var a = $("#GFG").table("option", "classes.Name");
                $("#log").html(a);
            });
        });
    

  

输出：

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