title: How to make table scrollable in javascript
body: <p>I am making one div and onclick of div I am making some table. I am getting the table value. I want my table to be scrollable.</p>
  
  <p>Here is my code.</p>
  
  <pre><code>var myTable = '&lt;input type="text" id="myInput" onkeyup="myFunction()" title="Type in a name"&gt;'+
              '&lt;table id="myTable"&gt;'+ '&lt;tr class="header"&gt;&lt;/tr&gt;' + '&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;'+ '&lt;/table&gt;';
  </code></pre>
  
  <p>I am getting this table data from some proxy. I want size of table should be limited and if data is more this shoud be scrollable.</p>
  
  <p>CSS which I am applying here is</p>
  
  <pre><code>#myInput {
    background-image: url('Drop.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    width: 30%;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
  }
  </code></pre>
  
  <p>Any way to proceed this.</p>