當引導程序中的屏幕尺寸正常時，如何使響應式表格滾動隱藏

Question

當表設置為響應時，當屏幕大小正常時，我想讓我的引導表不顯示右向左滾動。 我錯過了這里的任何一步嗎？ 我怎樣才能解決這個問題 ？

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

這是正常屏幕的圖像

Answer 1

打開一個字板，創建一個新文檔，然后輸入

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

將其另存為 (insert name).css 並將其添加到您的 html。 這種方式比在 html 中拼接 a 更容易。 使用 css，您可以控制網頁中所有內容的樣式並保持 html 整潔。

Answer 2

只需添加到 div table-responsive

<style>
    .table-responsive {
        overflow-x: visible; 
    }
</style>