title: How to add a scrollbar in the table
body: <p>I am using a jQuery table to show my data. There I have 2 buttons previous and next for pagination. But I want to add a scroll bar in the bottom of the table. I wrote</p>
  
  <pre><code>overflow:scroll
  </code></pre>
  
  <p>in CSS, but it didn't work.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;%@page contentType="text/html" pageEncoding="UTF-8"%&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
      &lt;title&gt;Query Result Page&lt;/title&gt;
      &lt;link href="css/style.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="css/jquery.contextMenu.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="css/jdpicker.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script type="text/javascript" src="js/jquery-1.8.3.min.js" &gt;&lt;/script&gt;        
      &lt;script type="text/javascript" src="js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;   
      //this is the jQuery function for table //                
      &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $('#tableData').dataTable();
      } );
      &lt;/script&gt;
  
      // these are the CSS classes that will create the table look and feel 
      &lt;table class="tableData context-menu-one" id="tableData" style="overflow-x: scroll "&gt;
          &lt;thead&gt;    // this is column for tables which will contain the values from the database //
              &lt;tr style="font-size: 14px;" &gt;
                  &lt;th width="20%" align="left"&gt;Name&lt;/th&gt;
                  &lt;th width="20%" align="left"&gt;Class&lt;/th&gt;
                  &lt;th width="20%" align="left"&gt;Roll&lt;/th&gt;
                  &lt;th width="20%" align="left"&gt;Address&lt;/th&gt;
                  &lt;th width="20%" align="left"&gt;Marks&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;    
          // this is table values here we  will list some values dynamically which will come from database
          &lt;tr style="font-size: 14px;" &gt;
              &lt;th width="20%" align="left"&gt;john&lt;/th&gt;
              &lt;th width="20%" align="left"&gt;9&lt;/th&gt;
              &lt;th width="20%" align="left"&gt;47&lt;/th&gt;
              &lt;th width="20%" align="left"&gt;mumbai&lt;/th&gt;
              &lt;th width="20%" align="left"&gt;52&lt;/th&gt;
          &lt;/tr&gt;
          &lt;tbody&gt;
          &lt;tbody&gt;
          &lt;/tbody&gt;
      &lt;/table&gt; 
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Someone please help me</p>