当引导程序中的屏幕大小正常时，如何使响应表滚动隐藏 [英] how to make responsive table scroll hidden when screen size normal in bootstrap

问题描述

当表格设置为响应时，当屏幕尺寸正常时，我想使引导表格不显示向左滚动.我想念这里的任何一步吗?我怎样才能解决这个问题 ?

I want to make my bootstrap table not to display right left scroll when screen size is normal when table is set to responsive. Do I miss any step here ? How can I fix this ?

<div class="table-responsive">              
    <table id="inlist" class="table table-striped table-hover">
        <thead>
            <tr>
                <th>x</th>
                <th>y</th>
                <th>z</th>
            </tr>
        </thead>

        <tbody>
        </tbody>
    </table>
</div>  

这是正常屏幕的图像

推荐答案

打开写字板，制作新文档，然后键入

Open a word pad, make a new document, and type

#inlist{overflow:hidden; word-wrap:normal | break-word; }

将其另存为(插入名称).css，并将其添加到html中.这种方法比在html中插入要容易得多.使用css，您可以控制网页中所有内容的样式，并使html杂乱无章.

Save it as a (insert name).css and add it to your html. It's easier this way than piecing in a in the html. With css, you can control the style of everything in the webpage and keep the html clutter free.

这篇关于当引导程序中的屏幕大小正常时，如何使响应表滚动隐藏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！