使用纯CSS折叠表的列

时间:2015-04-16 14:04:14

标签: html css mobile

我有一个包含整列的表格,我想隐藏起来。

真实场景是移动平台。我希望隐藏一个不太有用的信息,以便它适合狭窄的屏幕。

我已经玩过它,但似乎没有一种真正的方法来实现这一点 http://jsfiddle.net/3712Ledn/

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

如果我转向display: none;,则会折叠,但auto宽度列不会展开以占用新空间。

有没有办法在不使用JS的情况下实现这一目标?

2 个答案:

答案 0 :(得分:1)

您需要在要折叠的单元格中添加标记,然后在table-layout: fixed;上使用<table>,这样,您就可以在列中设置width: 0;你想隐藏。

答案 1 :(得分:1)

如果我了解你,也许这会有所帮助。秒列被隐藏,第一列延伸到整页。 http://jsfiddle.net/uow30orv/

<table id="real" width="100%">...