Question

我有一个响应式引导程序表，即使您不需要滚动，我也希望显示滚动条。但是，桌子底部和滚动条之间有一个很大的空间。见jsfiddle：https://jsfiddle.net/er1187/dmgx7db6/

我尝试不在表格中添加边距/填充但这不起作用。提前致谢！

private List<String[]> listOfRows = new ArrayList<String[]>();

Answer 1

尝试重新排序代码。试试这个

<div class="box-content box-no-padding">
        <div class="table-responsive">
            <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th class="text-center">First Name</th>
                            <th class="text-center">Last Name</th>
                            <th class="text-center">ID</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>John</td>
                            <td>Smith</td>
                            <td>1187</td>
                        </tr>
                    </tbody>
                </table>
            <div class="scrollable-area">

            </div>
        </div>
    </div>

Bootstrap表和滚动条之间的空间

1 个答案: