slickgrid 용 CSS 클래스 목록이 있습니까?

슬릭 그리드를 사용하는 웹 페이지의 모양을 미세 조정하고 싶습니다. 그래서 slickgrid에서 사용할 수있는 CSS 클래스 목록을 찾고 있었지만 찾지 못했습니다.slickgrid 용 CSS 클래스 목록이 있습니까?

그런 목록이 있습니까? 누군가 내게 그것을 가르키거나 내 작업에 대한 표준 접근 방식이 다른 것일 수 있습니까?

출처

2011-12-08 René Nyffenegger

이 희망을 시도해보십시오. https://github.com/mleibman/SlickGrid/wiki/Examples – kapillohakare

+1 유용 할 것입니다. 내가 찾은 유일한 방법은 패키지와 함께 제공되는 파이어 폭스 파일을보고 파이어 버그 (Firebug)를 사용하여 렌더링 된 코드를 검사하는 것이다. – njr101

불행히도 slickgrid는 많은 클래스를 동적으로 생성합니다. 기존 클래스 목록은 원하는 것을 성취하기에 충분하지 않을 가능성이 높습니다. – kinakuta

Slickgrid는 이러한 클래스에 첨부 된 스타일이 없지만, 출력보고에서 행과 열을 식별하는 클래스를 생성 :

enter image description here

당신은 스타일의 행과 열 플러스 고르게, 확률 할 수 있어야 , default theme에 제공된 클래스를 사용하는 활성 셀 당신이 깊은 가고 싶어하고, 생성 된 스타일을 사용하여 스타일 세포, 그들은 갈 보일 경우

.slick-row { 
    .slick-cell {// default cell style // } 
    .10 {//the row number starting at 10 // } 
    .r1 (//the column number starting at 1 // } 
}

그래서 당신이 그렇게처럼 스타일을 지정할 수 있습니다 :

.slick-row .r0 { 
    //style first items in row 
} 

.slick-row .10.r0 { 
    //style first item in first row 
} 

.slick-row div[class^="r"] { 
    //style all elements starting with 'r' 
} 

.slick-row div[class^="r"]:nth-child(3) { 
    //style every third row element 
}

더 많은 방법이있다, 하지만 기본 테마가 제공하지 않는 어떤 스타일링이 필요한지 알지 못합니다. 슈퍼 특정 스타일링이 필요한 경우 (즉, 다섯 번째 열의 모든 일곱 번째 행은 소수이지만 소수는 아님) 번호가 매겨진 클래스를 사용하여 자바 스크립트로 셀을 스타일링합니다.

출처

2015-05-14 00:27:10 Ucinorn

slickgrid 용 CSS 클래스 목록이 있습니까?

답변

관련 문제