그리드를 생성하기 위해서는 그리드의 컬럼이나 속성, 스타일을 정의한 XML형식의 Layout과 그리드에 표현될 Data가 필요하며, 레이아웃과 데이터의 예시는 아래의 탭 메뉴를 참고하시기 바랍니다.

HTML의 JavaScript에서 그리드를 생성하기 위해 작업하는 순서는 다음과 같습니다.

1. HTML내에서 그리드를 생성할 <div>를 만들고 id를 부여합니다.
2. 적용할 <div>의 id와 그리드 생성시 불려질 함수명을 포함하는 jsVars등을 파라메터로 rMateGridH5.create명령을 실행합니다.
3. HTML이 로딩된 후(document.ready) rMateGridH5.create시 전달된 함수(gridReadyHandler)가 실행됩니다.
4. 함수내에서 레이아웃을 setLayout, setLayoutURLEx 함수로 설정합니다
5. 함수내에서 데이터를 setData, setDataURLEx 함수로 설정합니다.
   

create → setLayout(setLayoutURLEx) → setData(setDataURLEx) 순서를 반드시 지켜주셔야 합니다.
아래의 탭 메뉴에서 Layout과 Data를 보시면 구조를 볼 수 있습니다.
아래 버튼들을 차례대로 누르시면 위 순서에 따라 그리드가 생성되는 것을 보실 수 있습니다.