在<table>與jQuery/css

Question

縮寫文本我有一個jQuery數據表（http://www.datatables.net/），和一列有一個較大的文本字段。目前，列內容包裝在<td>中，但是我想讓內容縮略，即用戶看到「這是真正的長內容...」，沒有換行。我已經有了一個jQuery點擊，打開一個jQuery UI對話框來顯示完整的文本，所以我不擔心這部分。

我唯一能想到的是在我的控制器中使用Apache StringUtils.abbreviate（String s，int length）方法來獲取縮寫文本，並且我可以選擇適合列大小的一些長度。雖然我不太喜歡那個想法。

我想知道是否有一些jQuery插件或css技巧，或者在瀏覽器中爲我執行此操作，以便它適用於任何<td>列寬。

Answer 1

試試這個方便的jQuery plugin。

Answer 2

對於純粹的CSS解決方案，您可以使用text-overflow CSS property。主要瀏覽器（甚至IE6！）支持此屬性，但Firefox除外。

這question on SO可能有助於獲得在Firefox

同樣的效果

Answer 3

下面是我們在剃刀做：

@foreach (var item in Model) { 
    <tr data-id="@item.StudyDesignID"> 
     <td> 
      @(item.FieldName.Length > 42 ? item.FieldName.Substring(0, 39) + " ..." : item.FieldName) 
     </td> 
     </tr> 
    }