Responsive design 创建响应的td colspan表

我已经在我的站点的数百个表中使用了以下代码行。不过，我现在已经编写了很多这样的表，以提高响应速度，并隐藏移动设备上不必要的列

未分类
74
乐高乐座位；n WTCC
8.
地下城与勇士
2:20.073
4.

我遇到的问题是，没有办法在CSS中定义colspan，这就是在不需要时隐藏移动设备上其他列的原因

我增加了一行，以显示每个表单元格都有一个类，该类根据CSS样式表中的屏幕宽度而隐藏或未隐藏

是否有一种简单而有效的方法来定义colspan或等效值，这取决于屏幕的宽度，就像CSS中一样

我还制作了一把小提琴来说明我的问题：

---

有一篇关于数据表和响应式设计的优秀文章。这是链接：希望有帮助

遇到了这个问题，通过添加不带colspan的重复thead标记和类“mobilehead”解决了这个问题

425px以上移动头隐藏，下方显示

display：表头组和原始THAD被隐藏


表A移动头{
显示：无；
}
@介质（最大宽度：425px）{
AD{显示：无}
表A.移动头{
显示：表头组；
字体大小：14px；
}
}
归根结底，这不是我想要的。我使用了类似于上面示例的方法，简单地选择哪些列在小屏幕上不那么重要，并将其隐藏，同时引入一条消息，告知用户是否希望在大屏幕上查看所需的全部详细信息。