javascript - 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>

这会给你一个水平滚动条。