如何隐藏移动视图的表列

Question

请帮我解决这个问题。我目前正在开发一个WordPress网站项目，其中，我使用“Table Maker”插件，我用它创建一个表并显示细节。在桌面视图中，它有7列和移动版本也是相同的7列，现在我只想在移动视图上显示前3列，而不是显示7列。那有什么CSS吗？请帮忙，我是初学者。在此先感谢网址 - https://www.bikersbasket.com/

Answer 1

如果它已修复7列，那么您可以使用CSS在移动设备中隐藏它们。 f.e。

@media (max-width:768px){
.table_class_name tr td:nth-child(4),.table_class_name tr td:nth-child(5),
.table_class_name tr td:nth-child(6),.table_class_name tr td:nth-child(7){
display: none;
}
}