2012-02-22 2 views
6

모든 셀에 셀의 오른쪽에 적용 할 패딩이 필요한 slickgrid 열이 있습니다. 그리드에 대한 열을 초기화 할 때 cssClass 속성을 사용합니다. 그러나 이것은 비 - 헤더 셀에만 적용됩니다. 머리글에 사용할 CSS 클래스를 어떻게 지정해야 오른쪽 패딩을 적용 할 수 있습니까? 그 패딩이 없다면, 헤더 셀은 그 아래의 나머지 셀들과 약간 라인이 어긋납니다.slickgrid에서 열의 머리글 셀에 클래스를 적용하는 방법

답변

7

이러한 스타일이 모든 셀에 적용되는 경우 기본 제공 .slick-cell.slick-headerrow-column CSS 클래스를 사용하여 스타일을 지정할 수 있습니다. 그러나주의해야 할 점은 스타일의 규칙 지정이 낮 으면 스타일이 SlickGrid의 기본값을 재정의하지 않을 수 있다는 것입니다. 앱에 문제가있는 경우 규칙의 구체성을 높이거나 !important - .slick-cell { padding-right:10px !important; }을 사용하세요.

+0

문제는 모든 셀 또는 모든 열에 적용하고 싶지 않다는 것입니다. 하나의 열 머리글 셀에만 적용하고 싶습니다. 주어진 열의 모든 셀에 대해 설정할 수 있지만 해당 머리글 셀에는 설정할 수 없습니다. div.slick-headerrow-column jquery 선택 목록에서 n 번째 열을 선택하고 CSS를 적용하여 필요한 열 머리글을 지정하는 것으로는 부족합니다. 그것은 하나의 단일 헤더 셀을 스타일링하기위한 과도한 접근 방식처럼 보입니다. –

+7

아, 알겠습니다. 이 경우 열 정의 (columnDef.headerCssClass)를 통해 열 머리글에 CSS 클래스를 지정할 수 있습니다. – Tin

+0

아, 그게 내가 찾고 있던거야 - 고마워! –

관련 문제