在调整大小时使用行更改表头答案

【问题标题】：Change table header with rows on resize在调整大小时使用行更改表头
【发布时间】：2016-06-03 16:14:39
【问题描述】：

我不是一个好的设计师，请多多包涵。

我有这样的桌子

但是当我们调整大小或在移动屏幕上时，表格应该变成：

请指导

【问题讨论】：

你试过了吗？？？
是的@GuruprasadRao，实际上我只知道如何使用一些滚动功能等实现响应式表格，但不知道如何实现此功能。我是新手

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

这些是要添加到每个表格行的 Bootstrap 类，以便在移动设备上生成所需的布局。您需要确保您拥有正确的引导 js 和 css 文件才能正常工作。您可以从 bootstrap 网站以及有关 bootstrap 网格如何工作的教程获得这些信息。

<table class="row">
  <td class="col-xs-6"></td >
  <td class="col-xs-6"></td >
  <td class="col-xs-6"></td >
  <td class="col-xs-6"></td >
  <td class="col-xs-6"></td >
  <td class="col-xs-6"></td >
  <td class="col-xs-12"></td >
  <td class="col-xs-12"></td >
</table>

这只是所需代码类型的一个简单示例，但如果没有看到您正在编写的代码，很难获得正确的想法

【讨论】：

我已经给出了你所说的类，但是在调整大小时它不起作用
你有没有封装整个表格的类行？编辑答案以显示此
感谢 Smithy 但这不起作用，我使用了 ngResposiveCss ，但我遇到了一个问题。你能检查一下这个问题stackoverflow.com/questions/37674121/…