title: Custom data tooltips in jqGrid 3.4
body: <p>I've been working with the excellent jqGrid plugin, and it works great. Recently though, I was asked to implement some custom tooltips for the grid. Now, the <a href="http://www.secondpersonplural.ca/jqgriddocs/index.htm" rel="nofollow noreferrer">documentation</a> is very thorough, but it doesn't address how (if it is at all possible) to accomplish this.</p>
  <p>Here's an example of what I'm looking for:</p>
  <p>|col A    | col B |...<br/>
  | data    | data  |...<br/>
  | (mouse hover) - data x</p>
  <p>I've searched through the documentation and source for how/where to define tooltips but the closest I have gotten is custom tooltips for buttons in edit mode. I do have an event handler for the afterInsertRow event - through that I could get the rowId and such, but I'm not sure how to define HTML attributes in that event.</p>
  <p>EDIT: to clarify, I'd like to set the title attribute on an individual cell to a particular piece of data (that I already have in the jqgrid model)</p>
  <p>EDIT 2: I've tried inserting the following into the afterInsertRow event, with no joy, where aData is the JSON model, and ExpirationDate is the model name:</p>
  <pre><code>afterInsertRow: function(rowid, aData) {
                  grid.setCell(rowid, 'ExpirationDate', '', { title: aData.ExpiredBy });
  </code></pre>
  <p>the following code in the same event handler DOES work, however:</p>
  <pre><code>grid.setCell(rowid, 'ExpirationDate', '', { color: 'red' });
  </code></pre>
  <p>EDIT 3: working with redsquare's excellent suggesstions, I've determined that the title attribute is being set sometime <em>after</em> the afterInsertRow event: I've stepped through and determined that it is being correctly set by either method outlined in comments, but unfortunately, I get a source code is not available for this location when trying to step further, meaning I can't see exactly where the title is being changed.</p>
  <p>EDIT 4: (thanks for your patience and helping me work through this!) again taking redsquare's comment about trying the loadComplete event, I was able to successfully get and modify the cell's attributes, but the title attribute stubbornly remains the same:</p>
  <pre><code>loadComplete: function() {
                  var ids = grid.getDataIDs();
                  for (var i = 0; i &lt; ids.length; i++) {
                      grid.setCell(ids[i], 'ExpirationDate', '', { title: 'FOO!'});
                  }
  </code></pre>
  <p>FINAL EDIT: please see my answer below - I was able to find the root cause of the issue, with help from redsquare.</p>
  <p>Any help would be appreciated</p>