Kendo UI網格行高通過控制動態設置

以前，當使用Kendo UI網格控件（版本2014.1.318）時，我的網格中的任何行的高度都是固定的，並且省略號用於顯示寬度之外的任何內容細胞 - 看起來有點像下面的：Kendo UI網格行高通過控制動態設置

How it's supposed to look

現在，因爲我升級到控件（2014.2.903）的最新版本，該行的高度似乎進行調整，以適應內容：

Not the appearance I want

該行的HTML現在包含下面的內嵌樣式，而之前沒有。

style="height: 45px;"

我猜這是問題所在。我想知道是否有辦法關閉此功能或腳本中的哪些位置可以刪除此功能。我什至不能在release history中找到這個介紹！

編輯：我已經確定問題在於kendo.common.min.css文件。如果我使用舊的，一切工作正常...只是要找到導致問題的新風格

來源

2014-09-24 loxdog

你可以在http://dojo.telerik.com複製嗎？這將幫助我們排除故障。 – 2014-09-24 14:31:09

你可能會考慮提供自己的CSS來調整網格。 I've provided an example here。會感興趣你是主要的CSS：

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

.k-grid tbody tr{ 
    height: 50px; 
} 

.k-grid td{ 
    white-space: nowrap; 
    text-overflow: ellipsis; 
}

你可以閱讀更多有關這對Telerik forums

來源

2014-09-24 16:51:59

嗨歡迎來到StackOverflow，請直接在你的答案中包含代碼片段與鏈接到jsFiddle（http://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/ ？CB = 1）。 – Alexander 2014-09-24 16:56:04

這消除了這個問題，特別是css：.k-grid td white-space：nowrap; text-overflow：ellipsis; } – loxdog 2014-09-25 08:01:13

從Cody的CSS的後續行動，這個問題在kendo.common.css文件被發現。我使用了2014年2月3日以後的全部新文件，但是將該文件設置爲2014.1.318版本。不知道這些文件中有什麼變化，因爲我進行了比較，無法找到違規行。

來源

2014-09-25 08:03:08 loxdog

Kendo UI網格行高通過控制動態設置

回答

相關問題