2016-06-01 2 views
0

코도 바 앱에 검도 그리드가 있습니다. 여기 그리드에서, 검도 CSS 규칙에서 'k-grid tr : hover'라는 CSS 규칙으로 인해 스크롤이 들쭉날쭉합니다. 개발자 도구에서이 규칙을 사용하지 않으면 스크롤이 원활 해집니다. 이 호버링 규칙을 비활성화하는 방법이 있습니까?kendo css를 수정하지 않고 kendo grid (.k-grid tr : hover)에서 css : hover를 끄는 방법?

호버 동작을 무시하고 싶지 않습니다. 나는 그것을 해제하고 싶다.

편집 : 문제는 가리 키기 때문에 스크롤이 눈금에 매끄럽지 않습니다. 스크롤은 스 와이프를 끝내면 시작되지만 대신 터치 이동으로 움직여야합니다. 이로 인해 스크롤이 들쭉날쭉하게됩니다. 호버 (hover) 규칙을 제거하면이를 해결하고 스크롤을 부드럽게 만듭니다.

필요한 경우 추가 설명을 요청하십시오.

+0

검도 CSS를 수정하지 않으려는 이유가 있습니까? – whipdancer

+0

내 리드가 나를 허용하지 않을거야 .. * -_-, 그렇지 않으면 그 규칙을 그냥 지울 수 있습니다. 그러나 외부 API를 수정하는 것은 나쁜 습관으로 간주됩니다. –

+0

리드의 견해를 이해할 수 있습니다. 그러나 Telerik이 처음부터 제공 한 온라인 도구를 사용하여 작성한 맞춤형 검도 CSS를 사용하여 내부 설계 표준과 일관성있게 작성했습니다. – whipdancer

답변

0

DOM 요소에서 pointer-events : none 속성을 사용할 수 있습니다. 이 속성으로 https://developer.mozilla.org/en/docs/Web/CSS/pointer-events

.k-grid tr { 
    pointer-events: none; 
} 

은, 해당 요소에 호버 이벤트는 완전히 무시됩니다.

+0

이 시도했지만 테이블 행에있는 확인란 및 클릭 가능한 항목이 있습니다. 이러한 요소 클릭 이벤트도 발생하지 않습니다. –

0

가브리엘의 답변에서 힌트를 얻었지만, 포인터 이벤트를 none .k-grid tr 내의 td 요소에 적용했습니다. 그러나 이는 일시적인 문제 일 뿐이므로 포인터 이벤트를 해당 요소에 추가 할 가능성이 없어집니다. 나는 여전히 더 나은 대안을 찾고있다.