slick-grid 1.4.3에서 단일 헤더의 클래스를 동적으로 변경하는 방법이 있습니까?

Question

slick-grid 버전 1.4.3을 사용하는 것을 제외하고는 slick-grid의 최신 버전이 열에 'headerCssClass'속성을 가지고 있다는 것을 알게되었습니다. 여러 열 정렬 기능을 추가하고 그에 따라 각 종류의 헤더의 클래스를 설정해야합니다 있도록

나는 매끄러운 그리드를 확장하고있다. 그래서, 질문을 다시 반복하기 위해, 매끄러운 격자 1.4.3에서 주어진 헤더의 클래스를 동적으로 변경하는 방법을 아는 사람이 있습니까?

Answer 1

나는 매끄러운 그리드를 수정하는 JQuery와 사용하는 것이 바람직하지 않으므로 정말,이 솔루션을 사랑하지만, 여기에 간다하지 않습니다

var headers = $('.slick-header-columns').get(0).children; 

비 기본 c (즉, $(headers).removeClass('slick-header-column-sorted')) 매끄러운 그리드의 컬럼을 통해

이

으로 반복하고 원하는 열 인덱스

var header = headers[wantedColIdx]; 
$(header).addClass('yourClass'); 

Answer 2

jQuery로이 작업을 수행 할 수 있다고 생각합니다.

몇 가지 이름으로 빈 CSS 클래스를 추가합니다.

그럼 당신은 동적으로 클래스를 변경하는 addClass 및 removeClass를 호출 할 수 있습니다.

http://api.jquery.com/addClass/

http://api.jquery.com/removeClass/

즉

jQuery('.my-class').addClass('new-header-class');