title: How to add tooltip to cell of a DateColumn in Sencha Architect 3?
body: <h3>This is how I have it working with a <code>Cell</code> in a normal <code>Column</code>:</h3>
  <pre><code>{
      xtype: 'gridcolumn',
      renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
          metaData.tdAttr = 'data-qtip=&quot;BlobKey:' + record.get('key') + '&quot;';
          return value;
      },
      itemId: 'filename',
      dataIndex: 'filename',
      text: 'Filename',
      flex: 1
  }
  </code></pre>
  <p>This works perfectly, but there is no <code>renderer</code> attribute on <code>DateColumn</code> and none of the suggested examples I have found on the internet work.</p>
  <h3>This is what my <code>DateColumn</code> definition looks like:</h3>
  <pre><code>{
      xtype: 'datecolumn',
      itemId: 'created-on-column',
      dataIndex: 'createdOn',
      text: 'Created',
      format: 'c'
  }
  </code></pre>
  <p>I can't figure out how to add a <code>ToolTip</code> to a cell in a <a href="http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.grid.column.Date" rel="nofollow noreferrer"><code>DateColumn</code></a>. There is no attribute in the <code>Config</code> panel of Sencha Architect 3.0 for <code>renderer</code> and all my attempts at trying to use the <code>afterRender</code> event or other suggestions from a couple of years ago all fail.</p>