title: AgGridReact: Place horizontal scroll at bottom when using side bar
body: <p>I'm looking for a way to pin/place the horizontal scroll at the bottom of the grid-area for the situation when the data-content (rows) are collectively shorter than the side bar height.</p>
  
  <p><a href="https://i.stack.imgur.com/SBayc.png" rel="nofollow noreferrer">Example image</a></p>
  
  <p><a href="https://plnkr.co/edit/qunv7YwGuYldxpOvuLVV?p=preview" rel="nofollow noreferrer">Example link</a></p>
  
  <p>I can only see this problem when:</p>
  
  <ol>
  <li>using grid options</li>
  </ol>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>sideBar={true}
  domLayout={'autoHeight'}</code></pre>
  </div>
  </div>
  </p>
  
  <ol start="2">
  <li>there are too few rows</li>
  </ol>