带标题

Question

我正在尝试创建响应式列表，但我还想在每列中包含相关标题。

目前使用CSS：

@media all and (max-width:500px){
   table{
      width:100%;
   }

   td{
      display:block;
      width:100%;
   }

   tr{
      display:block;
      margin-bottom:30px;
   }
}

我得到了Responsive table by columns

所解决的问题

然而，我的完整＆＃34;行＆＃34;我的thead内部仍然显示为正常行，我希望它也可以按列拆分。

有什么办法可以实现吗？