如何创建具有固定标题和可滚动正文的表格？

本文的目的是创建一个具有固定标题和可滚动正文的表格。我们可以使用两种方法中的任何一种来创建这样的表。

1. 通过将position属性设置为“sticky”并指定“0”作为 元素的 top 属性的值。
2. 通过将 和 元素的显示设置为“块”，我们可以将高度和溢出属性应用于 。

笔记：

• position属性声明元素的定位类型。
• display属性规定了一个元素应该如何显示。

示例：下面的代码说明了具有位置属性的表格的形成。

HTML

  

  

  

  

    
      
        
          
          
        
      
  
      
        
          
          
        
        
          
          
        
        
          
          
        
        
          
          
        
        
          
          
        
      
        
    
Col 1
Col 2
1.1
2.1
1.2
2.2
1.3
2.3
1.4
2.4
1.5
2.5
  

  

输出：

示例 2：下面是说明具有显示属性的表格的形成的代码。

HTML

  

  

  

  

    
      
        
          
          
        
      
      
        
          
          
        
        
          
          
        
        
          
          
        
        
          
          
        
        
          
          
        
      
    
Col 1
Col 2
1.1
2.1
1.2
2.2
1.3
2.3
1.4
2.4
1.5
2.5
  

  

输出：