2016-08-08 7 views
1

Ich benutze ngHandsontable und versuche zu verhindern, dass Word-Wrapping meine Zeilen erweitert. Ich kann sehen, es gibt eine Tabellenoption wordWrap, aber das scheint nicht zu funktionieren. Ich habe versucht, es auf verschiedene Weise anwenden:Verhindern Sie Wortumbruch in Winkel handsontable

dh fügen Sie diese in den Einstellungen Objekt wordWrap: false, oder fügen Sie diese Klasse auf der classname 'htNoWrap' oder hinzufügen, um dieses Attribut auf den Tisch und die Spalte word-wrap=false

   <hot-table hot-id="blotter" settings="{wordWrap: false, colHeaders: colHeaders, className: 'htCenter htNoWrap', contextMenu: ['row_above', 'row_below', 'remove_row']}" row-headers="false" min-spare-rows="minSpareRows" datarows="rows"> 

         <!-- sort order? --> 
         <hot-column ng-repeat="column in columns" data="{{column.fieldName}}" title="::column.title" word-wrap="false"> 
         </hot-column> 

        </hot-table> 

UPDATE:

Eigentlich kann ich sehen, dass die Verwendung von Word-Wrap = "False" auf der Tabelle Direktive die Klasse htNoWrap auf alle TD in der Tabelle; Dies verhindert jedoch nicht, dass der Wortumbruch den Dropdown-Caret auf die nächste Zeile verschiebt und die gesamte Zeile erweitert.

.handsontable td.htNoWrap { 
    white-space: nowrap; 
} 

enter image description here

Antwort

0

Versuchen wordWrap von settings direkt auf die Richtlinie zu bewegen. Zum Beispiel:

<hot-table settings="..." word-wrap="false" .. /> 
+0

hat versucht, dass man auch :( – rex

+0

Hast du 'wordWrap' von' Einstellungen' im 'Hot-table' Richtlinie entfernen Versuchen' word-wrap = "false" mit 'nur in? Spalte, möchten Sie das Wort Umbruch deaktivieren – Cfanny

+0

Bitte überprüfen Sie mein Update :) – rex

Verwandte Themen