title: Scrollbar direction RTL inside table body
body: <p>I have an HTML table with a fixed head and scrollable body, and i would like to position the table body scrollbar on the left side of the  element.</p>
  
  <p>Playing with the CSS property direction</p>
  
  <pre><code>tbody {
    direction : rtl;
  }
  </code></pre>
  
  <p>I found that the scrollbar is indeed moved to the left, but the columns order and the text alignments switch directions also.</p>
  
  <p>Is there any way to keep the default direction for content of the tbody and just place the scrollbar on the left?</p>
  
  <p><a href="http://jsfiddle.net/ktsangop/fkw5aowv/" rel="nofollow noreferrer">JSFiddle link</a></p>
  
  <p>Any suggestions using javascript are also welcome, but i cannot use JQuery. Thanks in advance.</p>