공통 정보 설정

							
var grid = hg.hgrid({
    ini: {
        data: gridData,
        selector: '#grid', // Grid를 생성해줄 HTML Element Selector
        width: '720px',
        height: '390px',
    },
    title: {
        visible: true,
        text: '스마트폰 판매 목록'
    },
    cols: [                // Grid Column 정보
        { name: '이름', id: 'name', width: '90px' },
        { name: '주소', id: 'address', width: '240px' },
        { name: '제품', id: 'product', width: '120px' },
        { name: '색상', id: 'color', width: '80px' },
        { name: '수량', id: 'qty', width: '50px' },
        { name: '가격', id: 'price', width: '90px' },
        { name: '구입일', id: 'purchaseDate', width: '120px' }
    ]
});
							
						

							
var grid2 = hg.hgrid({
    ini: {
        data: gridData2,                 // 4. 그리드 데이터 설정
        selector: '#grid2',               // 5. 그리드를 출력할 요소 지정
        width: '720px',               // 1. 그리드 너비
        height: '390px',              // 1. 그리드 높이
        resize: true,                  // 2. 그리드 컬럼 너비 조정 여부
        noDataMsg: '데이터가 없습니다.',  // 3. 출력데이터가 없을 때 출력할 메시지
        tooltip: false,                    // 6. 그리드 툴팁 사용여부
        datatype: 'json',                   // 7. 그리드 데이터 유형 설정
        loader: 'images/load.gif'            // 8. 그리드 로딩 이미지 경로
    },
    title: {
        visible: true,
        text: '스마트폰 판매 목록'
    },
    cols: [
        { name: '이름', id: 'name', width: '90px' },
        { name: '주소', id: 'address', width: '240px' },
        { name: '제품', id: 'product', width: '120px' },
        { name: '색상', id: 'color', width: '80px' },
        { name: '수량', id: 'qty', width: '50px' },
        { name: '가격', id: 'price', width: '90px' },
        { name: '구입일', id: 'purchaseDate', width: '120px' }
    ]
});