title: Horizontal scroll in rich:panel to default right to left
body: <p>I have a rich:panel with a style="overflow: scroll" tag inside. By default, the scroll slides left to right. I am constantly adding a new dataTable to a dataGrid with the click of a button and I want the user to always see the most recent one, and since I have it set up so that each dataTable is added as a column to the dataGrid, the most recent one will always be on the right side of the dataGrid. Is there a way I can default the scroll to go right to left? Or maybe creating the columns from right to left?</p>
  
  <p>Here is the code for my panel:</p>
  
  <pre><code>&lt;rich:panel id="PREV" rendered="#{yieldSearch.update}" style = "overflow: scroll"&gt;
              &lt;rich:dataGrid id="PT" value="#{yieldSearch.storeYieldTest}"
                      var="_yield" columns="#{yieldSearch.columns}"&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>            &lt;/rich:dataGrid&gt;
              &lt;/rich:panel&gt;
  </code></pre>
  
  <p>and here is my button:</p>
  
  <pre><code>&lt;h:commandButton id="NXT" value="Add New Store" rendered="#{yieldSearch.update}" action="#     {yieldSearch.newStore()}" &gt;
  </code></pre>