title: How to get the last table row no matter the sort?
body: <p>I have a <code>table-responsive</code> class applied to a <code>table</code> and I am using a dropdown. Because of that, the dropdown always go behind the table. As I heard before, there is no solution to this situation.
  So I am trying to get the last row from the table and add the <code>dropup</code> class, but as the table is sortable the last row could change in every sort.</p>
  
  <p>I tried to apply this:</p>
  
  <pre><code>$("table#MyTable&gt;tbody&gt;tr:last&gt;td&gt;div").addClass("dropup");
  </code></pre>
  
  <p>...Worked, but as the user sort the table, the last row could not be the last row anymore.</p>
  
  <p><strong>Example: <a href="http://jsfiddle.net/bqg0cyyL/" rel="nofollow">http://jsfiddle.net/bqg0cyyL/</a></strong> (with the last row with <code>dropup</code> applied)</p>
  
  <p>How can only the last row gets the <code>dropup</code> class (no matter the sort)?</p>