SlickGrid: come visualizzare il testo completo nelle intestazioni delle colonne?

Question

Sto usando SlickGrid, e in questo momento, se ho intestazioni di colonne davvero lunghe, SlickGrid taglia l'intestazione breve con ellissi (...).

La mia domanda è: c'è un modo per visualizzare l'intero testo al passaggio del mouse?

A proposito, sono stato in grado di farlo per le immissioni di cella lunghe registrando questo plugin fresco https://github.com/mleibman/SlickGrid/blob/master/plugins/slick.autotooltips.js:

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

Ecco un jsFiddle utilizzando tale plugin: http://jsfiddle.net/crystality/h5ZLP/1/

Si noti che se si passa il mouse su una cella con un valore lungo, è possibile visualizzare la voce completa, ma non per le intestazioni di colonna lunghe.

Sto pensando di poter modificare quel plug-in per consentire quel comportamento. Qualche altro suggerimento? Grazie!

Answer 1

Ok, ho capito. Nell'ultima versione di SlickGrid sembra esserci una modifica al modo in cui l'attributo title è impostato sulle intestazioni delle colonne. In precedenza, l'attributo name della colonna veniva impostato come titolo. Ora è necessario aggiungere un nuovo parametro alla definizione della colonna, denominata toolTip. Ho modificato il tuo violino con questo e ora i tooltip funzionano bene.

http://jsfiddle.net/100thGear/6sGXx/

ho cambiato la sua definizione di colonna in questo modo:

{ id: "long-val", name: "Really Really Really Long Title", 
field: "longVal", sortable:true, 
toolTip: "Really Really Really Long Title" } 

Si noti che non è necessario lo slick.autotooltips.js per fare questo lavoro. Questo è solo per i tooltip sui dati.

Fatemi sapere se questo aiuta!

Answer 2

Il Auto Tooltip plugin ha ora la possibilità di aggiungere i suggerimenti per le celle di intestazione:

https://mleibman.github.io/SlickGrid/examples/example-autotooltips.html

consigliato Usage:

<script src="../plugins/slick.autotooltips.js"></script> 

var options = { 
    explicitInitialization: true, 
}; 

grid.registerPlugin(new Slick.AutoTooltips({ enableForHeaderCells: true })); 
grid.init();