爲什麼我的自舉響應表不縮小

在asp.net mvc5上工作。爲什麼我的響應表縮小？當我重新調整瀏覽器大小而不是滾動apprear時。爲什麼我的自舉響應表不縮小

我的表語法是波紋管：

<div class="col-12 col-sm-12 col-lg-12"> 
    <div class="table-responsive"> 
    <table class="table"> 
    <thead> 
     <tr> 
     <th>#</th> 
     <th>Table heading</th> 
     <th>Table heading</th> 
     <th>Table heading</th> 
     <th>Table heading</th> 
     <th>Table heading</th> 
     <th>Table heading</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
     <td>1</td> 
     <td>Table cell</td> 
     <td>Table cell</td> 
     <td>Table cell</td> 
     <td>Table cell</td> 
     <td>Table cell</td> 
     <td>Table cell</td> 
     </tr> 
    </tbody> 
    </table> 
    </div> 
    </div><!-- end col-12 -->

如何使我的表收縮。

來源

2016-02-13 shamim

這就是表響應類如何工作 –

從文檔 - 通過包裝任何.table in .table-responsive使它們在小設備上水平滾動（768px以下）。當查看大於768px寬的任何東西時，您在這些表格中看不到任何區別。 http://getbootstrap.com/css/#tables-responsive –

從外部div中刪除表格響應 - 但從我的經驗表格響應是最好的方式去，然後用戶可以通過滾動輕鬆讀取所有數據 - 對於有很多列的表，當移除表格響應時，數據變得不可讀。 –

該代碼似乎工作正常。

table-responsive允許表格自由溢出，以便內容將其推到最大尺寸。如果這太寬，請根據自己的喜好添加最大寬度的自定義類。

引導V4具有table-reflow類漂浮行和否定需要滾動但是這使得數據難以閱讀（在我看來）

對於替代響應表的辦法，檢查出：http://www.webadvanced.com/news/painless-responsive-tables

PS col-12不在引導程序中，col-sm-12對於所有較大的查看端口有效，使col-lg-12冗餘。

來源

2016-02-13 20:57:08 Lance

爲什麼我的自舉響應表不縮小

回答

相關問題