div水平滚动中的bootstrap表不起作用

Question

在内容中,我把一个带有桌子的div放在里面.我需要它水平滚动.我花了几个小时研究并尝试一些解决方案.

<div style="width:100%; overflow: scroll;">
    <table style="width:2000px;">
            <tr>
                <td>very large width table with scroll horizontal</td>
                <td>x</td>
                <td>x</td>
                <td>x</td>
            </tr>
    </table>
</div>

Answer 1

由于您使用的是bootstrap,因此使用内置类而不是使用样式.

<div class="table table-responsive">
   <table >  //give width styling as you want.
        <tr>
            <td>very large width table with scroll horizontal</td>
            <td>x</td>
            <td>x</td>
            <td>x</td>
        </tr>
   </table>
</div>

这将为您提供一个水平滚动条.