2016-08-08 13 views
1

私はngHandsontableを使用しています。私はテーブルオプションwordWrapがあることがわかりますが、これはうまくいかないようです。私はさまざまな方法でそれを適用しようとした:角度ハンドルでワードラップを防止します

すなわち設定でこれを追加しwordWrap: false,オブジェクトまたはクラス名'htNoWrap'上で、このクラスを追加したり、テーブルの上に、この属性や列を追加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:

実際には、テーブルのディレクティブでword-wrap = "false"を使用すると、テーブル内のすべてのTDのhtNoWrapクラスを取得することがわかります。しかし、これは、ワードラップを防止していないので、ドロップダウンキャレットを次の行にプッシュし、すべての行を展開します。

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

enter image description here

答えて

0

ディレクティブに直接settingsからwordWrapを移動してみてください。たとえば :?

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

は1あまりに:( – rex

+0

あなたは 'ホットtable'ディレクティブでsettings''から 'wordWrap'を削除ワードラップ=「false」を'だけで '使用してみてくださいましたことをしようとしました列、あなたはワードラップを無効にしたい。 – Cfanny

+0

私の更新を確認してください:) – rex

関連する問題