Button Type과 Button속성을 통해 Button을 사용할 수 있습니다.


시트 사용 시, 사용하는 Theme의 css수정 외에 버튼 색을 변경할 수 있습니다.


Button Type에서의 Button: Button 색 변경

.btnBlue {
  background-color: blue !important;
}
{"Header": "버튼(Button)","Type": "Button","Name": "ISO","Width": 80,"Align": "Left","CanEdit": 0, "Button": "Button"}

sheet.setAttribute(sheet.getFocusedRow(), 'ISO', 'AddClass', 'btnBlue');

위와 같이 AddClass속성을 이용하여 Button Type이고, Button속성이 Button인 Button의 배경색을 기본색상 외에 지정한 색으로 변경하여 사용할 수 있습니다.


예제)

https://jsfiddle.net/ur9sbn0p/


Text Type에서의 Button: Button 색 변경

td.btnAqua u{
  background-color:aqua;
}
{"Header": "문자열(Text)","Type": "Text","Name": "TextData","Width": 100,"Align": "Center","CanEdit": 1, Button:"Button", ButtonText:"확인"}

sheet.setAttribute(sheet.getFocusedRow(), 'TextData', "Class", "btnAqua");

위와 같이 Class속성을 이용하여 셀(Cell)에 커스텀 Class를 추가하여, 생성된 Button Tag인 u Tag에 배경색을 적용하여 기본색상 외에 지정한 색으로 변경하여 사용할 수 있습니다.


예제)

https://jsfiddle.net/2adr1ecx/