2012-07-25 14 views
5

Używam SlickGrid, a teraz, jeśli mam naprawdę długie nagłówki kolumn, SlickGrid obcina skrót nagłówka elipsami (...).SlickGrid: Jak wyświetlić pełny tekst w nagłówkach kolumn?

Moje pytanie brzmi: czy istnieje sposób wyświetlenia całego tekstu na kółku myszy?


Nawiasem mówiąc, byłem w stanie zrobić dla wpisów komórkowych długich rejestrując fajny plugin https://github.com/mleibman/SlickGrid/blob/master/plugins/slick.autotooltips.js:

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

Oto jsFiddle za pomocą tej wtyczki: http://jsfiddle.net/crystality/h5ZLP/1/

Należy pamiętać, że jeśli najechałeś myszką na komórkę o długiej wartości, możesz wyświetlić pełny wpis, ale nie robi tego dla długich nagłówków kolumn.

Myślę, że mogę edytować tę wtyczkę, aby umożliwić to zachowanie. Jakieś inne sugestie? Dzięki!

+0

zapewnić pewien przykład, Plesewo. Bardzo trudno jest powiedzieć coś bez szukania – user907860

+0

@caligula: Edytowane, dzięki! Przykład: http://jsfiddle.net/crystality/h5ZLP/1/ – Crystal

+0

Jak to działa? Widzę tylko biały kwadrat – user907860

Odpowiedz

8

OK - mam to. W najnowszej wersji SlickGrid wydaje się, że wprowadzono zmianę w sposobie ustawienia atrybutu title w nagłówkach kolumn. Poprzednio atrybut nazwy kolumny byłby ustawiony jako tytuł. Teraz musimy dodać nowy parametr do definicji kolumny - o nazwie toolTip. Edytowałem twoje skrzypce, a teraz podpowiedzi działają poprawnie.

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

zmieniłem swoją definicję kolumny tak:

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

pamiętać, że nie potrzebują slick.autotooltips.js do tej pracy. To tylko dla podpowiedzi na danych.

Daj mi znać, jeśli to pomoże!

+0

Działa doskonale, dzięki! – Crystal

+0

Czy wiesz, że istnieje sposób na pokazanie końcówki tylko wtedy, gdy tytuł jest długi? Obecnie zawsze wyświetla się po najechaniu myszą. Mały detal, ale po prostu ciekawy! – Crystal

+1

Można ustawić parametr podpowiedzi tylko dla tych kolumn, które są naprawdę długie. Możesz to zrobić również programowo - może zaprenumeruj wydarzenie 'onColumnsResized' i ustaw wtedy etykietkę narzędziową. Tylko kilka myśli! – ganeshk

1

Samochody podpowiedzi plugin ma teraz możliwość dodania podpowiedzi dla komórek nagłówka:

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

Sugerowane Zastosowanie:

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

var options = { 
    explicitInitialization: true, 
}; 

grid.registerPlugin(new Slick.AutoTooltips({ enableForHeaderCells: true })); 
grid.init(); 
Powiązane problemy