Ellipsis expansion on readOnly Column

Tags: #<Tag:0x00007fce724af6a8> #<Tag:0x00007fce724af4c8>

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:

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


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