SlickGrid: come visualizzare il testo completo per le voci lunghe della cella?

Question

Sto utilizzando uno SlickGrid data table e alcune delle mie celle hanno voci di testo molto lunghe (1000 caratteri o più).

Per impostazione predefinita, SlickGrid mostra solo parte del testo e abbrevia il resto utilizzando i puntini di sospensione.

Questo funziona bene, tranne che mi piacerebbe mostrare il testo completo sul mouseover, o avere un altro modo per espandere la cella per mostrare la voce completa.

Ciò è possibile con SlickGrid e, in caso affermativo, come?

Answer 1

Basta usare questo plugin:

https://github.com/mleibman/SlickGrid/blob/master/plugins/slick.autotooltips.js

registrarlo come questo e si è fatto!

mygrid.registerPlugin(new Slick.AutoTooltips()); 

Answer 2

Per impostazione predefinita, SlickGrid disattiva il ritorno a capo automatico. Dato che hai impostato correttamente l'altezza della cella, potresti visualizzare tutto il testo della cella modificando slick.grid.css in questo modo:

.slick-cell, .slick-headerrow-column { 
    position: absolute; 
    border: 1px solid transparent; 
    border-right: 1px dotted silver; 
    border-bottom-color: silver; 
    overflow: hidden; 
    -o-text-overflow: ellipsis; 
    text-overflow: ellipsis; 
    vertical-align: middle; 
    z-index: 1; 
    padding: 1px 2px 2px 1px; 
    margin: 0; 
    /*white-space: nowrap;*/ 
    cursor: default; 
}