Question

我在表头中有一个span标签，下面是一个多行文字，我想添加一个省略号（...）如果该行超过使用jquery或javascript的单元格。我不能使用任何css或jquery插件

<span class="co_dcrTable_Header" style="width: auto;">Market capitalization at filing</span>

Answer 1

            if(el.css("overflow") == "hidden")
            {
                var text = el.html();
                var t = $(this.cloneNode(true))
                .hide()
                .css('position', 'absolute')
                .css('overflow', 'visible')
                .width(el.width())
                .height('auto');

                el.after(t);

                while (text.length > 0 && (t.height() > el.height()))
                {
                    text = text.substr(0, text.length - 1);
                    t.html(text + "...");
                }

                el.html(t.html());
                t.remove();
            }

我有上面的代码它不会进入while块，因为条件t.height（）＆gt; el.height（）失败，因为两个高度都显示相等的值。我有带有文本的span标记

如果单元格文本超出，则使用jquery添加省略号

1 个答案: