使用純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%">...