将表td中的文本缩小以适合大小。逐渐显示调整大小列上的文本

Question

我正在开发一个Asp.Net MVC 4视图，现在我必须创建一个客户报告。 'TD'中的数据有时大于表格列的大小。

我想在单词的末尾加上'...'，以便用户能够知道该TR中有更多信息。

如果用户希望看到全文，它将调整列的大小，就像我们在Microsoft Excel中做的那样，文本将逐渐出现。

这是可以实现与JavaScript？

Answer 1

根据多少你希望对其进行定制，您可能需要使用dotdotdot插件。这是一些非常整洁的额外和自定义截断文本等

Answer 2

计数的字符在现场，如果大于X显示子0到X-3与级联“...”

是这样的：

var len = 10; 
var field = document.getElementById("XXX"); 

if (field.innerText.length > len) { 
    field.innerText = field.innerText.substring(0, len-3) + '...'; 
}