Javascript中DataGrid表格纵线添加数据

接之前写的一篇博客http://www.cnblogs.com/Liu30/p/7229641.html，生成一个6*24的表格之后，添加数据

表格数据一般都是按行添加，我所做的这个表格是想添加一天24个小时，每10分钟有一条数据，共有6*24个数据需要展示，按照要求，需要从列开始添加数据，既然表格都是从行开始添加，那么需要做一些判断，每一行的列数

首先取整数余，再取模，如果模》0，则该行列数+1，循环输出数据

思路整理清楚了，下面是具体代码：

首先获取当前时间对应的数据：

var endnumber = parseInt(date.getHours() * 6) + parseInt(date.getMinutes()/10);

接着判断对应的表格的行数，循环赋值

//取余数，判断共有多少列有数据

    var col = parseInt(endnumber/6);

    //取模,判断具体行数

    var coln = endnumber%6;

    //没有另起一行

    if(coln === 0){

        for(i = 1;i<7;i++){

            for(m = 1;m<col+1;m++){

                if(begin < endnumber){

                    tabletr[i][m].innerHTML = i + 6* (m-1);

                    begin++;

                }

            }

        }

    }

    else if(coln !== 0){

        for(i = 1;i<7;i++){

            for(m = 1;m<col+2;m++){

                if(begin < endnumber) {

                    if( m < col+1) {

                        tabletr[i][m].innerHTML = i + 6 * (m - 1);

                        begin++;

                    }

                    if( m === col+1 && i < coln+1){

                        tabletr[i][m].innerHTML = i + 6*  (m-1);

                        begin++;

                    }

                }

                }

            }

        }

效果如图所示：

巴特西

Javascript中DataGrid表格纵线添加数据

最新文章

热门文章