검도 UI 그리드 행 높이 컨트롤을 동적으로 설정했습니다.

이전에는 Kendo UI Grid 컨트롤 (버전 2014.1.318)을 사용하면 그리드의 모든 행 높이가 고정되었고 타원이 사용되어 너비가 세포 - 아래처럼 조금 찾고 : 내가 컨트롤 (2014.2.903)의 최신 버전으로 업그레이드 이후 지금검도 UI 그리드 행 높이 컨트롤을 동적으로 설정했습니다.

How it's supposed to look

은 행의 높이가 내용에 맞게 조정해야 할 것 같다 :

Not the appearance I want

해당 행에 대한 HTML에는 이전에는 그렇지 않았지만 아래에는 인라인 스타일이 포함되어 있습니다.

style="height: 45px;"

나는 이것이 문제라고 생각합니다. 이 기능을 끄는 방법이 있는지 또는 스크립트에서이 부분을 제거 할 수 있는지 알고 싶습니다. 이것이 release history에 소개되었을 때 나는 심지어 찾을 수 없습니다!

편집 : 문제가 kendo.common.min.css 파일 내에 있다는 것을 확인했습니다. 이전 버전을 사용하면 문제가없는 새로운 스타일을 찾아야합니다.

출처

2014-09-24 loxdog

http://dojo.telerik.com에서 복제 할 수 있습니까? 그러면 문제를 해결하는 데 도움이됩니다. –

그리드를 조정하려면 고유 한 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; 
}

당신은 코디의 CSS로부터 다음은 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

이로 인해 문제가 해결되었습니다. 특히 css : .k-grid td { white-space : nowrap; 텍스트 오버플로 : 줄임표; } – loxdog

에 대한 자세한 내용을보실 수 있습니다이 문제는 kendo.common.css 파일에서 발견되었다. 2014.2.903의 전체 파일 세트를 사용했지만 한 파일은 2014.1.318 버전으로 설정되었습니다. 비교를 실행하여 문제의 라인을 발견 할 수 없으므로 그 파일에서 무엇이 변경되었는지 확신 할 수 없습니다.

출처

2014-09-25 08:03:08 loxdog

검도 UI 그리드 행 높이 컨트롤을 동적으로 설정했습니다.

답변

관련 문제