SlickGrid: Wie kann man Volltext in Spaltenüberschriften anzeigen?

Question

Ich benutze SlickGrid, und jetzt, wenn ich wirklich lange Spaltenüberschriften habe, schneidet SlickGrid die Kopfzeile kurz mit Ellipsen (...).

Meine Frage ist: Gibt es eine Möglichkeit, den ganzen Text auf mouseover zu sehen?

By the way, ich konnte es für lange Zelleinträge tun, indem Sie dieses coole Plugin https://github.com/mleibman/SlickGrid/blob/master/plugins/slick.autotooltips.js Registrierung:

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

Hier ist ein jsFiddle unter Verwendung dieses Plugin: http://jsfiddle.net/crystality/h5ZLP/1/

Beachten Sie, dass Wenn Sie mit der Maus über eine Zelle mit einem langen Wert fahren, können Sie den vollständigen Eintrag anzeigen, dies jedoch nicht für lange Spaltenüberschriften.

Ich denke, dass ich dieses Plugin bearbeiten kann, um dieses Verhalten zu ermöglichen. Irgendwelche anderen Vorschläge? Vielen Dank!

Answer 1

Ok - ich habe das. In der neuesten Version von SlickGrid scheint eine Änderung an der Art und Weise vorgenommen worden zu sein, wie das title-Attribut in den Spaltenüberschriften gesetzt wird. Zuvor wurde das name-Attribut der Spalte als Titel festgelegt. Jetzt müssen wir der Spaltendefinition einen neuen Parameter hinzufügen - genannt toolTip. Ich habe deine Geige damit bearbeitet und jetzt funktionieren die Tooltips gut.

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

ich Ihre Spaltendefinition wie folgt geändert:

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

Beachten Sie, dass diese Arbeit nicht machen die slick.autotooltips.js müssen. Das ist nur für die Tooltips zu den Daten.

Lassen Sie mich wissen, ob dies hilft!

Answer 2

Die Auto Tooltips Plugin hat nun eine Option Tooltips für Kopfzellen hinzuzufügen:

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

Empfohlene Verwendung:

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

var options = { 
    explicitInitialization: true, 
}; 

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