如何使用 JavaScript 隐藏表头？

有两种方法可以在 JavaScript 的帮助下帮助隐藏表头。它们将在下面讨论：

方法 1：使用 CSS 选择器选择标题并修改style属性，使display属性的值设置为none 。这将从页面中隐藏选定的表格标题元素。

例子：

html

    
      How to hide the table
      header using JavaScript
    
    
        table {
            margin-left: 180px;
        }
  
        td {
            padding: 10px;
        }
    

  

    
        GeeksForGeeks
    
    
                                        
        
            
            
        
        
            
            
        
        
            
            
        
        
            
            
        
    


S.NoTitleGeek_1GeekForGeeksGeek_2GeeksForGeeksGeek_3GeeksForGeeks
    
    
        Click here
    
    
    
  
    
        var el_down =
            document.getElementById("GFG_DOWN");
        function Geeks() {
            var tb
            = document.getElementById("thead");
            tb.style.display = "none";
            el_down.innerHTML = 
              "Table header is hidden";
        } 
    

  

输出：

方法二：使用jQuery选择需要隐藏的header，在其上使用hide()方法。这个 jQuery 方法有助于隐藏使用它的元素。

例子：

html

    
      How to hide the table 
      header using JavaScript
    
    
    
    
        table {
            margin-left: 180px;
        }
  
        td {
            padding: 10px;
        }
    


    
        GeeksForGeeks
    
    
                                        
        
            
            
        
        
            
            
        
        
            
            
        
        
            
            
        
    


S.NoTitleGeek_1GeekForGeeksGeek_2GeeksForGeeksGeek_3GeeksForGeeks
    
    
        Click here
    
    
    
  
    
        var el_down = 
            document.getElementById("GFG_DOWN");
        function Geeks() {
            $("#thead").hide();
            el_down.innerHTML =
              "Table header is hidden";
        } 
    

输出：