要解决表头不以100%的宽度显示列的问题，可以使用CSS来控制表头和列的宽度。下面是一个代码示例：

HTML代码：

  

    

      
列1
      
列2
      
列3
    
  
  

    

      
数据1
      
数据2
      
数据3
    
    

      
数据4
      
数据5
      
数据6
    
  

CSS代码：

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  padding: 8px;
  text-align: left;
  border: 1px solid black;
}

/* 设置表头的宽度 */
th {
  width: 33.33%;
}

/* 设置列的宽度 */
td {
  width: 33.33%;
}

在上面的示例中，我们使用CSS的width属性来设置表头和列的宽度为33.33%（即每列平均分为三列）。通过这样设置，表头和列就能以100%的宽度显示出来。我们还使用border-collapse: collapse;来合并边框，使表格看起来更整洁。

请注意，这只是一种解决方法，具体的CSS样式可以根据实际需求进行调整。