Jquery 响应表、移动屏幕上的组合列。。

Jquery 响应表、移动屏幕上的组合列。。,jquery,responsive-design,html-table,Jquery,Responsive Design,Html Table,我的情况是,我想编译三列,并在较小的设备(如移动设备)上以一列的形式显示数据 我参考了许多库,比如FooTable(),并尝试编写自定义脚本,但不知何故,效果并不理想 是否有任何方法可以使用JQuery或类似的方法在单个列中合并多个列?在没有Javascript的情况下,从三个列中选择一个列是可能的。只需在较小的媒体查询中将表tr、td的display属性更改为其他内容。例如 table, tr { display: block; } td { display: inline; } 如果只

我的情况是,我想编译三列,并在较小的设备(如移动设备)上以一列的形式显示数据

我参考了许多库,比如FooTable(),并尝试编写自定义脚本,但不知何故,效果并不理想


是否有任何方法可以使用JQuery或类似的方法在单个列中合并多个列?

在没有Javascript的情况下,从三个列中选择一个列是可能的。只需在较小的媒体查询中将表tr、td的display属性更改为其他内容。例如

table, tr { display: block; }
td { display: inline; 

}

如果只想合并3列中的2列,可以使用jQuery。在单元格中使用一个容器,如果需要,将其移动到另一个单元格中,并隐藏空的单元格。

在没有Javascript的情况下,可以从三列中选择一列。只需在较小的媒体查询中将表tr、td的display属性更改为其他内容。例如

table, tr { display: block; }
td { display: inline; 

}
如果只想合并3列中的2列,可以使用jQuery。在单元格内使用容器,如果需要,将其移动到其他单元格,并隐藏空的单元格