title: Horizontal Scroll of table on mobile
body: <p>I have code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code> td{
    border: 1px #cccccc solid;
    white-space: nowrap;
   }
   div {
    max-width: 800px;
    overflow: auto;
   }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;div&gt;
       &lt;table&gt;
        &lt;tr&gt;
         &lt;td&gt;Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap Nowrap&lt;/td&gt;
        &lt;/tr&gt;
       &lt;/table&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>It worked on PC. Then on mobile i set meta tag:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width; initial-scale=1.0;  maximum-scale=1.0"&gt;
  &lt;meta name="format-detection" content="telephone=no"&gt;
  &lt;meta http-equiv="collapsable" content="none"&gt;
  &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt;
  &lt;meta name="apple-mobile-web-app-status-bar-style" content="black"&gt;
  </code></pre>
  
  <p>My table over size screen.
  I want it show scroll width of table, and everything out table view friendly for mobile!</p>