Ellipsis expansion on readOnly Column

Tags: #<Tag:0x00007efc7284a8d0> #<Tag:0x00007efc7284a6f0>
#1

On a similar question (Keep the same Row Size), the option for using a text-overflow: ellipsis worked for longer-than-column texts. You can expand the text with a double click, as shown in https://jsfiddle.net/hnm2y6jz/, (from https://github.com/handsontable/handsontable/issues/5408#issuecomment-422281443)

But if readOnly: true, this expansion does not work:
https://jsfiddle.net/7gjdwbe8/17/

How can you have text-overflow: ellipsis but while also seeing expansion of the the cell if double clicked but read only?

@aleksandra_budnik

#2

Hi @jmuschelli

Using readOnly: true and editor: false settings does not open cell editor (the double click to show the content), so what I can recommend is adding a tooltip to the cell, using a custom cell renderer. Here http://jsfiddle.net/2yh5nfkm/2/, we have an example that does it

Outcome on the cell hover

55

#3