使用纯 CSS 折叠 table 的列
Collapse a table's column with pure CSS
我有一个 table，我想从视图中隐藏整列。
真实场景是移动平台。我希望隐藏 table 的不太有用的信息，以便它适合窄屏幕。
我试过它，但似乎没有真正的方法来实现它。
http://jsfiddle.net/3712Ledn/
即使我将 class 应用到同一列的所有单元格，然后应用 hidden 或 collapse，它们仍然占用 space.
如果我转动 display: none;，那么列 做 折叠，但 auto 宽度列不会展开以占用新的 space.
有没有不用JS实现的方法？
您需要在要折叠的单元格内添加标签，然后在 <table> 上使用 table-layout: fixed;，这样您就可以将 width: 0; 设置为您要隐藏的列。
如果我理解你的话，也许这对你有帮助。第二列被隐藏，第一列延伸到整个页面。
http://jsfiddle.net/uow30orv/
<table id="real" width="100%">...
我有一个 table，我想从视图中隐藏整列。
真实场景是移动平台。我希望隐藏 table 的不太有用的信息，以便它适合窄屏幕。
我试过它，但似乎没有真正的方法来实现它。
http://jsfiddle.net/3712Ledn/
即使我将 class 应用到同一列的所有单元格，然后应用 hidden 或 collapse，它们仍然占用 space.
如果我转动 display: none;，那么列 做 折叠，但 auto 宽度列不会展开以占用新的 space.
有没有不用JS实现的方法？
您需要在要折叠的单元格内添加标签，然后在 <table> 上使用 table-layout: fixed;，这样您就可以将 width: 0; 设置为您要隐藏的列。
如果我理解你的话，也许这对你有帮助。第二列被隐藏，第一列延伸到整个页面。 http://jsfiddle.net/uow30orv/
<table id="real" width="100%">...