如何將網格線包裹到kendo ui網格中的極限

以下是mvc中kendo網格的示例我想將文本包裝在網格中。任何人都可以請幫忙嗎？我已經嘗試過使用CSS，但仍然沒有工作。該線移動開箱...如何將網格線包裹到kendo ui網格中的極限

columns.Bound(o => o.SectionClass).Width(100).Title("Class"); 
         columns.Bound(o => o.Title).Width(100).HtmlAttributes(new { @class = "txtovflw" }); 
         columns.Bound(o => o.Description).Width(100).HtmlAttributes(new { @class = "txtovflw" }); 
         columns.Bound(o => o.DueDate).Width(80).Title("Due Date"); 
         columns.Template(e => { }).ClientTemplate(
         "<a onclick=\"ViewHW('#=data.SectionHomeWorkId#')\" id=\"viewHW\" class=\"view-grid-img grid-view-btn\" title=\"View\" data-id=\"<#= data.SectionHomeWorkId 
#>\">View</a>") 
         .Title("View") 
         .Width(50); 
        }) 

.txtovflw 
{ 
    text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: nowrap; 
}

來源

2013-08-27 Md Nadeem

試試這個，它會工作：

word-wrap: break-word;

或

字突破：突破 - 所有;

來源

2014-03-05 06:40:03 user2227273

如果你想保持在你需要使用空白列列的內容：正常

.txtovflw 
{ 
    white-space: normal; 
}

但默認情況下劍道通常這樣做的。

來源

2014-10-02 15:21:29 Mahib

您的.txtovflw類正處於正確的軌道上，但請確保將表格佈局設置爲固定，以防止表格溢出容器。

.k-grid table { 
    table-layout: fixed; 
}

你會特別遇到這樣的問題，如果您列之一是，例如，電子郵件地址還有你有一個長期不間斷的單個字符串。

來源：http://www.telerik.com/forums/how-can-i-get-ellipsis-instead-of-wrapping

來源

2016-11-18 22:40:26

到Word中網格包裹一列，創建一個CSS類。

.wordWrapGridColumn { 
    overflow: visible !important; 
    white-space: normal !important; 
}

然後使用HtmlAttributes將該類添加到列中。

columns.Bound(a => a.Description).Width(100) 
    .HtmlAttributes(new { @class = "wordWrapGridColumn" });

來源

2017-11-07 20:23:54 John81

如何將網格線包裹到kendo ui網格中的極限

回答

相關問題