可以使用CSS中的transform和rotate属性来解决表格标题在底部显示的问题。示例代码如下：

  

    

      
姓名
      
年龄
      
性别
    
  
  

    

      
张三
      
18
      
男
    
    

      
李四
      
20
      
女
    
    

      
王五
      
22
      
男
    
  

.table-style {
  position: relative;
  border-collapse: collapse;
  width: 100%;
}

.table-style th {
  background-color: #555;
  color: #fff;
  text-align: left;
  padding: 8px;
}

.table-style td {
  border: 1px solid #ddd;
  text-align: left;
  padding: 8px;
}

.table-style th:last-child,
.table-style td:last-child {
  border-right: none;
}

.table-style thead {
  position: absolute;
  bottom: 100%;
}

.table-style thead tr {
  transform: rotate(180deg);
}

.table-style thead th {
  border-bottom: 1px solid #ddd;
}

以上代码的解决方法就是将表格头部旋转180度，并将它的位置设置在表格的底部。

参考链接：https://stackoverflow.com/questions/4014418/how-to-display-a-table-header-on-the-bottom-of-a-table