在引导程序中移动/平板电脑视图中转置HTML表

是否可以在Mobile/Tablet中转置HTML表，以便我们也可以在Mobile中显示所有列。下图是我试图实现的示例。

尝试向html的table标记添加一个类

table responsive

。

---

这是一个引导类，用于使表响应。

这就是您所需要的。它非常适合你的需要，你会喜欢它的

---

检查此链接-foo表库/插件：

此链接将帮助您需要

index.html

<table>
    <thead>
        <tr>
            <th>Code</th>
            <th>Company</th>
            <th class="numeric">Price</th>
            <th class="numeric">Change</th>
            <th class="numeric">Change %</th>
            <th class="numeric">Open</th>
            <th class="numeric">High</th>
            <th class="numeric">Low</th>
            <th class="numeric">Volume</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>AAC</td>
            <td>AUSTRALIAN AGRICULTURAL COMPANY LIMITED.</td>
            <td class="numeric">$1.38</td>
            <td class="numeric">-0.01</td>
            <td class="numeric">-0.36%</td>
            <td class="numeric">$1.39</td>
            <td class="numeric">$1.39</td>
            <td class="numeric">$1.38</td>
            <td class="numeric">9,395</td>
        </tr>
    </tbody>
</table>

---

这是一个可能的重复选项，但我不想隐藏任何列…因为用户的决定将基于所有字段。然后，您可以通过创建带有分页的自定义表来实现这一点。单击next，您可以使用ajax加载新的数据值。您希望用什么语言实现？Phpnope，我想用AngularJS来做这件事，api将发送JSON数组。@GufranKhan你能解释一下你想要什么吗？angularJS中使用json数组作为表值的响应式foo表？@GufranKhan只需添加jquery和foo表css样式表，然后您就可以像普通html表一样创建表，只需要很少的类名和数据属性。处理json数组时，通常使用ng repeat循环数据以填充数据行。

@media only screen and (max-width: 800px) {
    #unseen table td:nth-child(2), 
    #unseen table th:nth-child(2) {display: none;}
}

@media only screen and (max-width: 640px) {
    #unseen table td:nth-child(4),
    #unseen table th:nth-child(4),
    #unseen table td:nth-child(7),
    #unseen table th:nth-child(7),
    #unseen table td:nth-child(8),
    #unseen table th:nth-child(8){display: none;}
}