响应表（表格响应）不在移动中滚动。 [bootstrap 3]

Question

我最近在使用bootstrap时遇到了很多问题：/

因为我是新手，并且有点学习如何掌握它。 我目前遇到一个问题，在全缩放模式（250％缩放）的浏览器中，它会使表响应并添加滚动到表和移动设备，  它不会添加Scroll，所以我不能滚动。

代码如下：

＆＃ 13;

＆＃13;

                                    <div>
                                <div style="margin-top: 10px">
                                    <div class="table-responsive">
                                        <table class="table">
                                            <tr>
                                                <th>Section 1</th>
                                                <th>Section 2</th>
                                            </tr>
                                            <tr>
                                                <td class="col-xs-4">
                                                  <div>Some Text</div>
                                                </td>
                                                <td class="col-xs-8">
                                                    <table class="table table-striped">
                                                        <tr>
                                                            <td>#1</td>
                                                            <td style="text-align: center"><span style="font-size: 14px">TEST</span></td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>    
                                    </div>
                                </div>
                            </div>

＆＃13;

＆＃13;

＆＃13; 图片 -

我希望你们能帮我解决问题，过去2小时我一直试图解决这个问题，但没有成功。谢谢你们 ：） 编辑：包含CSS的JSFiddle - ＆gt; http://jsfiddle.net/gausxmww/

Answer 1

将Footable用于响应式网格。

检查一下： http://fooplugins.com/footable-demos/?url=http://fooplugins.com/footable/demos/metro-theme.htm