在一行中显示文本,后面跟着...在动手表动态列中

时间:2017-07-04 09:55:33

标签: javascript css dynamic handsontable

在我的handSon表中,我想只在一行显示文本,之后应该有...,如果有更多文本。



$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;
        };
&#13;
&#13;
&#13;

我已经尝试了上面的代码,但没有显示省略号。

1 个答案:

答案 0 :(得分:2)

您尝试做的事情不适用于inline元素。

提供span标记display:block;