2012-07-25 101 views
5

私はSlickGridを使用していますが、実際には長い列ヘッダーがある場合、SlickGridは省略記号(...)でヘッダーを切り詰めます。SlickGrid:列見出しの全文を表示するにはどうすればよいですか?

私の質問です:マウスオーバーでテキスト全体を表示する方法はありますか?ところで


、私はこのクールなプラグインhttps://github.com/mleibman/SlickGrid/blob/master/plugins/slick.autotooltips.jsを登録することで、長いセルのエントリのためにそれを行うことができました:

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

ここでそのプラグインを使用してjsFiddleです:http://jsfiddle.net/crystality/h5ZLP/1/

。なお、長い値のセルをマウスオーバーすると、完全なエントリを表示できますが、長い列見出しの場合は表示されません。

私はその動作を可能にするためにそのプラグインを編集できると思っています。その他の提案はありますか?ありがとう!

+0

pleseは、いくつかの例を提供します。見ないで何かを言うのは非常に難しいです。 – user907860

+0

@caligula:編集、ありがとう!ここの例:http://jsfiddle.net/crystality/h5ZLP/1/ – Crystal

+0

どのように動作するはずですか?私は白い四角だけを参照してください – user907860

答えて

8

[OK]を取得しました。 SlickGridの最新バージョンでは、タイトル属性が列ヘッダーに設定される方法に変更が加えられたようです。以前は、列のname属性がtitleに設定されていました。カラム定義に新しいパラメータを追加する必要があります。toolTipと呼ばれます。私はこれであなたのフィドルを編集し、今ツールチップは正常に動作します。あなたはこの仕事をするためにslick.autotooltips.jsを必要としない

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

注:

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

は、私はこのようなあなたの列の定義を変更しました。これは、データのツールチップのためのものです。

これが役立つ場合はお知らせください。

+0

完璧に働いた、ありがとう! – Crystal

+0

また、タイトルが長い場合にのみヒントを表示する方法があるかどうかは分かりますか?現在、マウスオーバー時に常に表示されます。小さなディテールですが、好奇心が強いだけです! – Crystal

+1

ツールヒントパラメータは、実際に長い列に対してのみ設定できます。プログラムでもこれを行うことができます。おそらく、 'onColumnsResized'イベントにサブスクライブし、ツールチップを設定します。ちょうどいくつかの考え! – ganeshk

1

自動ツールチッププラグインは今ヘッダーセルのためのツールチップを追加するオプションを有している:

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

推奨使用法:

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

var options = { 
    explicitInitialization: true, 
}; 

grid.registerPlugin(new Slick.AutoTooltips({ enableForHeaderCells: true })); 
grid.init(); 
関連する問題