title: How to add a horizontal scroll bar on smartphone?
body: <p>In my web project I have a table and I add a scroll on the <code>div</code> which surround the table with this : </p>
  
  <pre class="lang-css prettyprint-override"><code>@media screen and (min-width:1000px){
      .scroll_table {
          overflow-x : scroll !important;
      }
  }
  </code></pre>
  
  <p>So for the responsive on mobile browser there is no scroll bar and table isn't display in totality (You can see thios on the image bellow).
  Desktop browser:
  <a href="https://i.stack.imgur.com/Msllh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Msllh.png" alt="enter image description here"></a></p>
  
  <p>Mobile browser :</p>