Using tablesorter plugin I need to reapply padding to 1st data row below header (after sort finishes)

Using tablesorter plugin I need to reapply padding to 1st data row below header (after sort finishes)

I have some CSS in place to establish a fixed header and apply vertical scrolling if the number of table rows causes overflow. When the table is first loaded, the server determines the order and the following works nicely to style the 1st row of data:

  2. /* Next, we are padding content of 2nd row (it's the 1st data row)
  3.     (Actually shifting down the content of the first data row in order to compensate for the height of table header row.)
  4.     */
  5.     table.gvEvents tr:nth-child(2) td
  6.     {
  7.         padding-top:40px;
  8.     }   
Next, I added the tablesorter plugin which is working to provide sorting on the column header that is clicked:  
  1. <script type="text/javascript">
    $(document).ready(function () {
        $("#ctl00_MainContentPlaceHolder_gvEvents").tablesorter();
    }
);


But once sorted, the styling of the 1st data row in the sorted table does not contain the additional padding on top that is needed. The effect is that sorting "hides" part of the data row under the heading. 

How can I chain something to tablesorter such that the padding for the resulting new 2nd row is applied?