title: SharePoint 2013 List - Tooltip over Items
body: <p>We have large SharePoint lists with lots of columns. Our users are forgetting which cells they are viewing because after scrolling the headers disappear (no way to freeze headers like in Excel).</p>
  
  <p>We want to try adding tooltips to the cell items so when they hover over it will display a tooltip with the column name.</p>
  
  <p>Has anyone ever tried doing this before?</p>
  
  <p>I have the following code which works initially on the load but stops working after the user sorts, filters or switches the list into Edit mode:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  jQuery(
  function() 
  {
      $('td').hover
      (
      function() 
      {
          var idx = jQuery(this).parent().children().index(jQuery(this));
          jQuery(this).attr('title',jQuery(this).parent().parent().parent().find('th').eq(idx).text());
          jQuery('div.ms-core-brandingText').html(jQuery(this).parent().parent().parent().find('th').eq(idx).text());
      }
      )
  }
  );                         
  &lt;/script&gt;
  </code></pre>