Jsgrid Javascript Grid Framework

grid method

The method grid returns an array of grid cells grouped by the indexes of the grid cells. Optionally, it can also attach events and styles to the grouped cells.

Syntax

objgrid.grid(array element)

Parameters

element - A two element array [colno,rowno], in which colno means column number and rowno means row number.

Returns

1. grid object, if the grid cell exists.

2. string none, no grid cell is identified and the column is empty of grid cells.

3. string ['', min], no grid cell for the rowno is less than the min rowno of the grid cell in the column.

4. string [max, ''], no grid cell for the rowno is large than the max rowno of the grid cell in the column.

5. string [no1, no2], no grid cell for the rowno is between the no1 and the no2 in the column.

var pggrid = new jsgrid(); 
        pggrid.init({ 
        id:"wrp", 
        rows:5, 
        columns:12, 
        width:25, 
        height:20, 
        gutter:1,
        backgroundColor: "#7fffd4" 
        });
        var grp1 = pggrid.grid([1,3]); 
        grp1.innerHTML = "1,3";  
              
        pggrid.removegrids([2,0],[2,4]);         
        var grp2 = pggrid.grid([2,3]); 

        pggrid.removegrids([3,0],[3,3]); 
        var grp3 = pggrid.grid([3,2]); 

        pggrid.removegrids([4,2],[4,4]); 
        var grp4 = pggrid.grid([4,3]); 

        pggrid.removegrids([5,2],[5,3]);
         
        var grp5 = pggrid.grid([5,3]); 

Grid View