* Get row or rows for search
    
            var grid1 = new WdtGrid('grid1');
            
            grid1.getData() : get all rows

            grid1.getRow(rowIndex) : (ex) grid1.getdRow(7)

            grid1.getRows(startRowIndex, lastRowIndex) 
                (ex) grid1.getRows(1, 7)
                (ex) grid1.getRows(0, -1) : -1 means last row
    
        * Get selected row, rows
    
            grid1.getSelectedRow() : get first one row at selected multiple rows
            grid1.getSelectedRows() : get selected rows 
    
        * Get cell for search
    
            grid1.cell(rowIndex, columnId) : search by column id 
                (ex) grid1.cell(0, 'text1')

            grid1.getCellData(rowIndex, columnId) : search by column id 
                (ex) grid1.getCellData(0, 'text1')

            grid1.getCellDataByIndex(rowIndex, colIndex) : search by column index로
                (ex) grid1.getCellDataByIndex(0, 3)
    
        * Update cell data
    
            grid1.cell(rowIndex, columnId, value)  : set / update data by column id

                (ex) grid1.cells(0, 'text1', '777')

            grid1.setCellData(rowIndex, columnId, value) : set / update data by column id
            
                (ex) grid1.setCellData(0, 'text1', '777')

            grid1.setCellDataByIndex(rowIndex, colIndex, value) : set / update data by column index

                (ex) grid1.setCellDataByIndex(0, 4, '888')
    
        * Rows loop 
    
            var rows = grid1.getData('grid1'); // get all rows
            for (var i = 0; len = rows.length; i < len; i++) {
                var row = rows[i];
                var a = row.rowId;
                var b = row.rowIndex;
                var c = row.mode
                var d = row.data[column id];
            }
    

        var column =  [
            { id: "text1", name: "text1", type: "text", width: "100", align: 'left' },
            { id: "text2", name: "text2", type: "text", width: "100", align: 'left' },
            { id: "text3", name: "text3", type: "text", width: "100", align: 'left' },
            { id: "text4", name: "text4", type: "text"  , width: "100", align: 'left' },
            { id: "num"  , name: "num"  , type: "number", width: "100", scale : 'n', align: 'left' },
            { id: "text5", name: "text5", type: "text"  , width: "100", align: 'left' }
        ];
        var option = {};
        var count = column.length;
        var data = [];
        for (var rowIndex = 0; rowIndex < 100; rowIndex++) {
            var item = {};
            for (var i = 0; i < count; i++) {
                var col = column[i];
                if (col.type == 'number') item[col.id] = rowIndex;
                else item[col.id] = col.name + '-' + rowIndex.toString() + '-' + i.toString();
            }
            data.push(item);
        }
        var grid1 = new WdtGrid('grid1');
        grid1.create(column, option);
        grid1.setData(data);
        grid1.selectRange(0, 0, 0, 0);