🧐 FAQ
리얼그리드의 테마(스타일)를 동적으로 변경할 수 있나요?

리얼그리드의 테마(스타일)를 동적으로 변경할 수 있나요?

RealGrid2는 RealGrid1과는 다르게 CSS를 사용하여 그리드의 스타일을 적용합니다. 그렇기 때문에 그리드 자체의 기능으로 CSS를 변경할 수는 없고 동적으로 다른 테마 CSS파일을 로드하도록 처리하시면 됩니다.

//html
<link rel="stylesheet" type="text/css" id="realgridCSS" href="./realgrid-style.css"/>
 
...
 
<p>
    <a href="javascript:changeCSS('realgrid-style.css')">기본스타일로 변경</a>
    <a href="javascript:changeCSS('realgrid-style-orange.css')">오렌지스타일로 변경</a>
</p>
 
//javascript
function changeCSS(styleName) {
    var tg = document.getElementById("realgridCSS");
    if (tg) {
        tg.href=('./' + styleName);
    }
}