Zeige Text in nur einer Zeile, gefolgt von ... in der Handsontabelle dynamische Spalten

Question

In meiner handSon Tabelle möchte ich den Text nur in einer Zeile anzeigen und danach sollte es ..., wenn es mehr Text gibt.

$scope.textRenderer = function (instance, td, row, col, prop, value, cellProperties) { 
 
      if (cellProperties) { 
 
       
 
       var template; 
 
       template = ['<span style="white-space:nowrap; overflow:hidden;text-overflow: ellipsis;">' + value + '</span>'].join(''); 
 
       while (td.firstChild) { 
 
        td.removeChild(td.firstChild); 
 
       } 
 

 
       if (!td.firstChild) { 
 
        td.appendChild($compile(template)($scope)[0]); 
 
       } 
 
      } 
 
      return td; 
 
     };

Ich habe den obigen Code versucht, aber die Auslassungs nicht gezeigt ist.

Answer 1

Was Sie versuchen, funktioniert nicht auf inline Elemente.

Geben Sie Ihren span-Tag display:block;