javascript - SlickGrid：長いセルエントリの全文を表示する方法は？

Question

SlickGridデータテーブルを使用していますが、一部のセルに非常に長いテキストエントリ（1000文字以上）があります。

デフォルトでは、SlickGridは一部のテキストのみを表示し、残りは省略記号を使用して省略します。

これはうまく機能しますが、マウスオーバーで全文を表示するか、セルを展開して完全なエントリを表示する他の方法が必要です。

これはSlickGridで可能ですか？もしそうなら、どのようにですか？

Answer 1

このプラグインを使用するだけです：

https://github.com/mleibman/SlickGrid/blob/master/plugins/slick.autotooltips.js

このように登録すれば完了です！

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

Answer 2

デフォルトでは、SlickGridはワードラップを無効にします。セルの高さが正しく設定されているとすると、 slick.grid.cssを次のように編集することで、セルのすべてのテキストを表示できます。

.slick-cell, .slick-headerrow-column {
  position: absolute;
  border: 1px solid transparent;
  border-right: 1px dotted silver;
  border-bottom-color: silver;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
  z-index: 1;
  padding: 1px 2px 2px 1px;
  margin: 0;
  /*white-space: nowrap;*/
  cursor: default;
}