防止角度动态的自动换行

时间:2016-08-08 10:00:42

标签: angularjs word-wrap handsontable

我正在使用ngHandsontable并尝试阻止自动换行扩展我的行。我可以看到有一个表格选项wordWrap,但这似乎不起作用。我尝试以各种方式应用它:

即在设置对象wordWrap: false,中添加此项或在className '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>

更新

实际上我可以看到使用word-wrap =&#34; false&#34;在table指令中,在表中的所有TD上分配htNoWrap类;但是,这并不能阻止自动换行将下拉符号推到下一行并展开所有行。

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

enter image description here

1 个答案:

答案 0 :(得分:0)

尝试将wordWrapsettings直接移至指令。 例如:

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