HTML表滚动电话

Mer*_*arl 1 html css html5 html-table

我想把我的桌子放在手机上滚动.我知道它太大了 - 但我想滚动它.

它目前不会.我width=100%没试过运气......

看起来像一个简单的请求 - 想知道视口是否与它有任何关系.我宁愿保留视口格式 - 因为事情显示得更好.

<meta name="viewport" content="initial-scale=1.0; user-scalable=1;">

<table cellpadding=5 border=1 cellspacing=0>
  <tr bgcolor=d7d7d7>
    <td>Location</td>
    <td>This</td>
    <td>Size</td>
    <td>That</td>
    <td>Weight</td>
    <td>Grade</td>
    <td>Manufacturer</td>
    <td>Date</td>
    <td>This</td>
    <td>KG</td>
    <td>Feet</td>
    <td>Lbs</td>
  </tr>	
  <tr>
    <td>Data Location</td>
    <td>More Data</td>
    <td>More Data</td>
    <td>More Data</td>
    <td>More Data</td>
    <td>More Data</td>
    <td>Manufacturer</td>
    <td>Date</td>
    <td>More Data</td>
    <td>5555</td>
    <td>6666</td>
    <td>4444</td>
  </tr>	
</table>
Run Code Online (Sandbox Code Playgroud)

Jon*_*eph 7

总结表内divoverflow-x:auto

<div style='overflow-x:auto'>
  <table cellpadding=5 border=1 cellspacing=0>
    <tr bgcolor=d7d7d7>
      <td>Location</td>
      <td>This</td>
      <td>Size</td>
      <td>That</td>
      <td>Weight</td>
      <td>Grade</td>
      <td>Manufacturer</td>
      <td>Date</td>
      <td>This</td>
      <td>KG</td>
      <td>Feet</td>
      <td>Lbs</td>
    </tr>
    <tr>
      <td>Data Location</td>
      <td>More Data</td>
      <td>More Data</td>
      <td>More Data</td>
      <td>More Data</td>
      <td>More Data</td>
      <td>Manufacturer</td>
      <td>Date</td>
      <td>More Data</td>
      <td>5555</td>
      <td>6666</td>
      <td>4444</td>
    </tr>
  </table>
</div>
Run Code Online (Sandbox Code Playgroud)