Slickgrid는 각 행의 색상을 포함하기 위해 열을 사용합니까?

Question

열에 숨겨진 열을 추가하여 그리드에 16 진수 색상을 저장할 수 있습니까? 그런 다음이 열의 값을 사용하여 해당 행의 배경색을 지정합니다.

Answer 1

전체 행의 스타일은 개별 행과 관련하여 표에 metadata을 제공하여 가장 직관적으로 수행됩니다. Slickgrid Dataview를 사용하면 그룹이 자체적으로 groupItemMetadataProvider을 통해 정보를 제공하기 때문에 그룹화를 지원할 필요가 있으므로 약간 더 어려워집니다. 정보와 유사하게 provided here 몇 가지 옵션을 사용할 수 있습니다. 각 셀의 서식을 지정하려고하면 공백이 눈에 잘 띄고 빈 셀에 문제가 발생할 수 있습니다.

이와 같이, 나는 당신이 지원할 각 색상에 해당하는 CSS 클래스를 제공 할 것입니다. getItemMetadata을 설치하여 각 행에 해당하는 CSS를 반환하십시오.

var defaultImpl = dataView.getItemMetadata 

var override = function(row){ 

    if(!defaultImpl(row)) { 
    var item = dataView.getItem(row) 
    /* 
    assuming the color is stored similar to #000000 ... strip off the # 
    in addition I've prefixed my css classes with 'color_' 
    */ 
    var color = item.color ? 'color_' + item.color.substr(1, item.color.length) : "" 
    var metadata = item.color ? {cssClasses: color} : null 
    return metadata 
    } 
    return defaultImpl(row) 
} 

dataView.getItemMetadata = override 

참고 : 그리드에 사용할 수있는 컨텍스트 외부 모든 스타일링 시도 스크롤에 닦아 얻을 것이다.