jqgrid - 2000 +文字で表示されないセルのツールヒントまたはタイトル

Question

imageを持つテーブルのセルのツールチップまたはタイトルを2000文字で取得しようとしています。さまざまなことを試してみましたが、解決策を得ることはできません。助けてください。 2000文字がある場合、上記のコード列の私のコード、

{ 
    name: 'comments', 
    index: 'comments', 
    width: 80, 
    align: 'center', 
    resizable: true, 
    sortable: false, 
    editable: false, 
    cellattr: function(rowId, val, rawObject) { 
     return 'title="' + val + '"' 
    }, 
    formatter: function(cellvalue, options, rowobject) { 
     if (cellvalue.length <= 0) { 
      return cellvalue; 
     } else { 
      var image = "<img src='/images/comment.png' />"; 
      return image; 
     } 
    } 
}, 

第2の符号裁判、

{ 
    name: 'comments', 
    index: 'comments', 
    width: 80, 
    align: 'center', 
    resizable: true, 
    sortable: false, 
    editable: false, 
    formatter: function(cellvalue, options, rowobject) { 
     if (cellvalue.length <= 0) { 
      return cellvalue; 
     } else { 
      var image = "<img src='/images/comment.png' title='Comments:\n" + cellvalue + "'/>"; 
      return image; 
     } 
    } 
}, 

は、任意のツールチップが表示されませんでした。

もこれは非常に遅いヒントを読み込んで、

var image = '<figure><img src='/images/comment.png' title='Comments:\n"+cellvalue+"'/></figure>'; 

を試みました。 助けてください。

Answer 1

1）タイトル2000文字を長く使用することはお勧めできません。ブラウザはFirefoxのようにそれを切り捨てるかもしれないし、遅く動作するかもしれない。

あなたは、このコードを試してください：

<figure><img src='/images/comment.png' id='img'/></figure> 

var x = '1234567890'; 
var y = ''; 

for (var j=0;j<200;j++) 
y+=x; 

var i = document.getElementById('img'); 
i.title = y; 

ライブデモ： https://jsfiddle.net/hbofay8g/

2）はるかに良いアイデアはホバーポップアップを使用しています。何かのようなあなたのスタイルをより詳細に制御を持っている。この場合、ここで http://creativeindividual.co.uk/2011/02/create-a-pop-up-div-in-jquery/

説明：色、スクロール、サイズなど