title: how to make a scrollable table using css
body: <p>my table has many columns so it resulted to over-spanning in its width. i want to make it scrollable horizontally so that it would fit in the screen and it will look more neat and organized. I guess css will do with property overflow hidden. but I dont know where to put my html codes. hope someone can help.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;?php
  $serverName = "kwe-PC\SQLEXPRESS";
  $connectionInfo = array("Database" =&gt; "customerdb", "UID" =&gt; "dbadmin", "PWD" =&gt; "kwe");
  $conn = sqlsrv_connect($serverName, $connectionInfo);
  if ($conn === false) {
      die(print_r(sqlsrv_errors(), true));
  }
  //declare the SQL statement that will query the database
  $query = "SELECT * FROM Customer_Details";
  
  //execute the SQL query and return records
  $result = sqlsrv_query($conn, $query)
          or die(print_r(sqlsrv_errors(), true));
  //Show results in table
  
  $o = '&lt;table border=1 id="myTable"&gt;
           &lt;thead&gt;
           &lt;tr&gt;
           &lt;th&gt;&amp;nbsp&lt;/th&gt;
           &lt;th&gt;REC NUMBER&lt;/th&gt;
           &lt;th&gt;CUSTOMER ID&lt;/th&gt;
           &lt;th&gt;CUSTOMER NAME&lt;/th&gt;
           &lt;th&gt;SEC-REGISTERED NAME&lt;/th&gt;
           &lt;th&gt;TIN NUMBER&lt;/th&gt;
           &lt;th&gt;STORE TYPE&lt;/th&gt;
           &lt;th&gt;SIZE OF BUSINESS&lt;/th&gt;
           &lt;th&gt;SELLER ID&lt;/th&gt;
           &lt;th&gt;DATE OF ESTABLISHMENT&lt;/th&gt;
           &lt;th&gt;TELEPHONE#/FAX&lt;/th&gt;
           &lt;th&gt;PAYMENT TERMS&lt;/th&gt;
           &lt;th&gt;SHIPPING INSTRUCTIONS&lt;/th&gt;
           &lt;th&gt;NUMBER OF DOORS&lt;/th&gt;
           &lt;th&gt;NUMBER OF WAREHOUSES&lt;/th&gt;
           &lt;th&gt;OWNER&lt;/th&gt;
           &lt;th&gt;PURCHASER/S&lt;/th&gt;
           &lt;th&gt;ACCOUNTING HEAD&lt;/th&gt;
           &lt;th&gt;WAREHOUSE HEAD&lt;/th&gt;
           &lt;th&gt;OTHER PERSONNEL&lt;/th&gt;
           &lt;th&gt;PAYMENT TERMS 2&lt;/th&gt;
           &lt;th&gt;COLLECTION SCHEDULE&lt;/th&gt;
           &lt;th&gt;DISCOUNT&lt;/th&gt;
           &lt;th&gt;VOLUME&lt;/th&gt;
           &lt;th&gt;MERCHANDISING&lt;/th&gt;
           &lt;th&gt;VEHICLE&lt;/th&gt;
           &lt;th&gt;DISTRIBUTION&lt;/th&gt;
           &lt;th&gt;CSL&lt;/th&gt;
           &lt;th&gt;ASSORTMENT&lt;/th&gt;
           &lt;th&gt;PRICING&lt;/th&gt;
           &lt;th&gt;MARGIN&lt;/th&gt;
           &lt;th&gt;PRICE&lt;/th&gt;
           &lt;th&gt;PROMOTION&lt;/th&gt;
           &lt;th&gt;PEOPLE&lt;/th&gt;
           &lt;th&gt;OTHERS&lt;/th&gt;
           &lt;th&gt;REPLENISHMENT ORDERS&lt;/th&gt;
           &lt;th&gt;ASSORTMENT/MERCHANDISING&lt;/th&gt;
           &lt;th&gt;NEW PRODUCTS&lt;/th&gt;
           &lt;th&gt;PRICING/PROMOTION&lt;/th&gt;
           &lt;th&gt;PICTURE&lt;/th&gt;
           &lt;/tr&gt;
           &lt;/thead&gt;&lt;tbody&gt;';
  
  while ($record = sqlsrv_fetch_array($result)) {
      $o .= '&lt;tr&gt;&lt;td&gt;&lt;input type=radio name=id value=' . $record ['Rec_No'] . '&gt;&lt;/td&gt;';
      $o .= '&lt;td&gt;' . $record ['Rec_No'] . '&lt;/td&gt;';
      $o .= '&lt;td&gt;' . $record ['Cust_ID'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Cust_Name'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['SEC_Name'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['TIN Number'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Store_Type'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Size of Business'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Seller_ID'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . date('F d, Y', strtotime($record ['Date of Establishment'])) . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Telephone/Fax'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Payment Terms'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Shipping Instructions'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Number of Doors'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Number of Warehouses'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Owner'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Purchaser(s)'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Accounting Head'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Warehouse Head'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Other Personnel'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Payment Terms 2'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Collection Schedule'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Discount'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Volume'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Merchandising'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Marketing Vehicle'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Distribution'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['CSL'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Assortment'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Pricing'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Margin'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Price'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Promotion'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['People'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Others'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Replenishment Orders'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Assortment/Merchandising'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['New Products'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;' . $record ['Pricing/Promotions'] . '&lt;/td&gt;';
      $o .='&lt;td&gt;&lt;img height=127 width=127 src="data:image/png;base64,' . $record['image'] . '"&gt;&lt;/td&gt;';
      $o .='&lt;/tr&gt;';
  }
  
  $o .= '&lt;/tbody&gt;&lt;/table&gt;';
  ?&gt;
  &lt;form action="delete.php" method="POST"&gt;
      &lt;?php echo $o; ?&gt;
      &lt;br&gt;&lt;input type="submit" value="Delete" name="submit"&gt;
  &lt;/form&gt;
  &lt;?php
  
  if (isset($_POST['submit'])) {
      $serverName = "kwe-PC\SQLEXPRESS";
      $connectionInfo = array("Database" =&gt; "customerdb", "UID" =&gt; "dbadmin", "PWD" =&gt; "kwe");
      $conn = sqlsrv_connect($serverName, $connectionInfo);
      if ($conn === false) {
          die(print_r(sqlsrv_errors(), true));
      }
      if(isset($_POST['id']) &amp;&amp; !empty($_POST['id'])){
      $sql = "DELETE FROM Customer_Details WHERE Rec_No =" . $_POST['id'];
      sqlsrv_query($conn, $sql);
   $ids = $_POST['id'];
      echo "Row with Record Number: " . $ids . " has been deleted!";
      }else{
          echo "ID is empty";
      }
  }
  ?&gt;</code></pre>
  </div>
  </div>
  </p>