將表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) + '...'; 
}