I have long description column :

{
key: 'Description',
headerText: 'Description',
template: '<span class="textOverflowEllipsis">${Description}</span>',
dataType: 'string',
width: '25%'
},

where 

.textOverflowEllipsis {
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}

shorten the description text..  I need to add tooltip when mouse is hoovering over the column so the whole text will be seen, I added  ,enableHoverStyles: true but it is not working .. 

the columns is read only .. still it should.. Can you show me the sample how to set it up..  also it is 13.2 and it is still not expired in terms of support...

Thanks.