Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 折叠表格';使用纯CSS的s列_Html_Css_Mobile - Fatal编程技术网

Html 折叠表格';使用纯CSS的s列

Html 折叠表格';使用纯CSS的s列,html,css,mobile,Html,Css,Mobile,我有一个包含整列的表,我想从视图中隐藏它 现实生活中的场景是移动平台。我希望将表格中不太有用的信息隐藏起来,以便放在一个狭窄的屏幕上 我一直在玩弄它,但似乎没有真正的方法来实现这一点。 即使我将该类应用于同一列的所有单元格,然后应用隐藏或折叠,它们仍然会占用空间 如果我打开显示:无,则列会折叠,但autowidth列不会展开以占用新空间 如果不使用JS,有没有办法做到这一点?您需要在要折叠的单元格中添加一个标记,然后使用表格布局:fixed

我有一个包含整列的表,我想从视图中隐藏它

现实生活中的场景是移动平台。我希望将表格中不太有用的信息隐藏起来,以便放在一个狭窄的屏幕上

我一直在玩弄它,但似乎没有真正的方法来实现这一点。

即使我将该类应用于同一列的所有单元格,然后应用
隐藏
折叠
,它们仍然会占用空间

如果我打开
显示:无
,则列会折叠,但
auto
width列不会展开以占用新空间


如果不使用JS,有没有办法做到这一点?

您需要在要折叠的单元格中添加一个标记,然后使用
表格布局:fixed
上设置一个
宽度:0到您要隐藏的列。

如果我理解您的意思,这可能会有所帮助。秒列是隐藏的,第一列延伸到整个页面。

。。。

fiddle需要正确的url吗?@Aaron--谢谢
<table id="real" width="100%">...