세상에서 가장 간단한 큐셀 그리드 - Hello 큐셀! 만들기

큐셀 그리드를 만들기 위해서는 화면에 보여질 영역, 큐셀 그리드의 객체 ID, 1개 이상의 컬럼, 데이터(빈 데이터도 데이터)만 있으면 됩니다.
아래 예제 코드입니다.
<script type="text/javascript">
var qcell;
var sampleData = [{"name":"Hello","message":"큐셀!","etc":"가장 간단한 큐셀 그리드입니다."}];
$(document).ready(function(){
  var QCELLProp = {
    id : 'qcell',
    parentid : 'sheetarea',
    data : {'input': sampleData},
    columns : [ {key: 'name', title: ['컬럼1'], width: "20%"}
        , {key: 'message', title: ['컬럼2'], width: "30%"}
        , {key: 'etc', title: ['컬럼3'], width: "50%"} ]
     }
     QCELL.create(QCELLProp);
     qcell = QCELL.getInstance("qcell");
});
</script>
<body>
    <div id="sheetarea" style="height: 240px; width: 100%;"></div>
</body>