使用纯CSS折叠表的列

Question

我有一个表格，其中包含我想从视图中隐藏的整个列。

现实生活中的场景是移动平台。 我希望隐藏表格中不太有用的信息，以使其适合狭窄的屏幕。

我已经尝试过了，但是似乎没有一种真正的方法可以做到这一点。
http://jsfiddle.net/3712Ledn/

即使将类应用于同一列的所有单元格，然后应用hidden或collapse ，它们仍会占用空间。

如果我打开display: none; ，那么列确实会折叠，但auto宽度列不会扩展以占用新的空间。

没有使用JS的方法，有什么方法可以实现？

Answer 1

您将需要折叠的单元格内需要一个标签，然后使用table-layout: fixed; 这样，您就可以在<table>上设置width: 0; 到您要隐藏的列。

Answer 2

如果我了解您，这可能会有所帮助。 第二栏是隐藏的，第一栏是整个页面。 http://jsfiddle.net/uow30orv/

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