5

私は 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/

長い値を持つセルにマウスを合わせると、完全なエントリを表示できますが、長い列ヘッダーでは表示されないことに注意してください。

そのプラグインを編集して、その動作を可能にできると考えています。他の提案はありますか？ありがとう！

4

2 に答える 2

8

わかりました - 私はこれを手に入れました。SlickGrid の最新バージョンでは、列ヘッダーのタイトル属性の設定方法が変更されたようです。以前は、列の名前属性がタイトルとして設定されていました。ここで、新しいパラメータを列定義に追加する必要があります - という名前toolTipです。これでフィドルを編集したところ、ツールチップが正常に機能するようになりました。

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

列の定義を次のように変更しました。

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

これを機能させるために slick.autotooltips.js は必要ないことに注意してください。これは、データのツールチップ用です。

これが役立つかどうか教えてください！

于 2012-07-25T14:39:37.370 に答える
1

Auto Tooltipsプラグインに、ヘッダー セルのツールチップを追加するオプションが追加されました。

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();
于 2016-04-13T00:53:47.733 に答える