anchor.diff:    .tablesorter-headerAsc span   { background-image: url('img/down-arrow.png');  }
     .tablesorter-headerDesc span  { background-image: url('img/up-arrow.png');    }
   </style>
  -
   <div class="example">
     <h3>Data Tables</h3>
     <p>Often times when you see a table it contains data which is sortable -- sometimes with actions that can be taken within each row (e.g. edit, delete). And it can be challenging to automate interaction with sets of data in a table depending on how it is constructed.</p>
  
positive.code:   $("#table2").tablesorter();
  });
  </script>
  
  <style>
    span {
      padding-right: 20px;
  
negative.code:       </tr>
      </tbody>
    </table>
  </div>
  