要使表头列的背景颜色保持不变，可以使用CSS的伪元素::before或::after来覆盖表头列的背景色。以下是一个示例代码：

HTML代码：

  

    

      
表头1
      
表头2
      
表头3
    
  
  

    

      
数据1
      
数据2
      
数据3
    
    

      
数据4
      
数据5
      
数据6
    
    

      
数据7
      
数据8
      
数据9
    
  

CSS代码：

table {
  border-collapse: collapse;
}

th {
  position: relative;
  background-color: lightblue;
  z-index: 1;
}

th::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: lightblue;
  z-index: -1;
}

在上面的示例中，我们使用了position属性来设置表头列的定位，使用z-index属性来设置堆叠顺序。通过设置th元素的背景颜色和::before伪元素的背景颜色为相同的颜色，即可实现表头列的背景颜色不变。