title: Always scroll to the end of a Scrollable Table
body: <p>I am writing a simple Angular Chat Box, which contains a scrollable table and an input field. The input is placed at the end. Everytime I enter a message, the table scroll doesn't move. I am tring to focus it to the last row of the table. Here is my code so far :</p>
  
  <pre><code>&lt;table class="table"&gt;
      &lt;tbody&gt;
          &lt;tr ng-repeat="msg in chatList "&gt;
              &lt;td&gt;&lt;strong&gt;{{ msg.sender}} : &lt;/strong&gt;
              &lt;/td&gt;
              &lt;td&gt;{{msg.message}}&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;input type="text " ng-model="message " class="form-control " placeholder="Enter a Message "&gt;
  &lt;button class="btn btn-primary btn-s " ng-hide="true " type="submit "&gt;Submit&lt;/button&gt;
  </code></pre>