title: Custom Scrollbars that works across all Browsers
body: <p>I need to integrate custom scrollbars to table tag in my html page. Main requirement the scroll bars are cross browser compatible and fulfill the following conditions as well</p>
  
  <ol>
  <li>Only Horizontal scroll bars will appear if the rows are below 50 and
  the columns are more than 30 </li>
  <li><p>Only Vertical scroll bars will appear, if the columns are not more than 30 and the rows are more than 50.</p></li>
  <li><p>Both the scroll bars will appear in remaining cases. </p></li>
  <li><p>In a page we  can have more one table tag.</p></li>
  </ol>
  
  <p>I tried the following plugins none of them are not fulfilled all the above conditions </p>
  
  <ol>
  <li><p>Flexcroll : www.hesido.com/web.php?page=customscrollbar
  When we placing two tables scroll bars are not working</p></li>
  <li><p>rocha.la/jQuery-slimScroll
   Both the scrollbars are not working</p></li>
  <li><p>www.baijs.nl/tinyscrollbar/
   Bothe the scrollbars are not working</p></li>
  </ol>
  
  <p>please suggest a plugin or css script for this</p>