title: column data in tooltip overflows
body: <p>I want to show the data in the tooltip when a columns has long sentences because of width constrints.</p>
  
  <p>For this I am using a renderer function as follows</p>
  
  <pre><code>{
      header: xppo.st('SDE_INCIDENT_DESCRIPTION1'),
      width: 175,
      sortable: true,
      groupable: false,
      dataIndex: 'IncidentDescription',
  
      renderer: function(value, metaData, record, rowIndex, columnIndex, ds) {
  
          return '&lt;div ext:qtip="' + value + '"&gt;' + value + '&lt;/div&gt;';
  
      }
  },
  </code></pre>
  
  <p>But when the data has no break space and when the word is really long the text will extend beyond the text area.</p>
  
  <p>How do I show the entire data within the div specified without overflowing from it.</p>