使長水平行的<table class =「table」>更具移動友好性

Question

我在響應式網站上使用Bootstrap（2.3）。

即使在刪除所有不必要的列之後，我們仍然有許多數據表在水平移動屏幕上無法正常顯示。如果沒有做任何事情，這些<table> s不能收縮足夠的，通過擴大頁面水平頁面外並觸發頁面縮放（盡​​管頁面上沒有其他元素縮放），打破iOS上的移動佈局。

現在，解決的辦法是包裹<table>溢出<div>

<div style="overflow: auto"> 
     <table class="table> 
     </table> 
    </div> 

這使得表滾動的水平。在<table>上應用overflow: auto本身似乎沒有做任何事情，所以表必須被包裝。問題

• 是否有其他方法使水平移動<table>移動友好？一些特殊的CSS規則可以幫助這裏？

• 難道overflow: auto通過CSS僞選擇器應用於<table>本身，以便它會正常溢出？

Answer 1

我聽說Foo Tables很適合在低分辨率/響應環境中顯示錶格信息。