zoukankan      html  css  js  c++  java
  • 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++;
                        }
                    }
                    }
                }
            }
    

    效果如图所示:

     

  • 相关阅读:
    11.09_近期需要关注和学习的,,,
    11.08_
    11.04_晚
    11.04
    gitlab
    eos开发指南
    谷歌助记词
    solidity语法解读
    parity注记词和地址
    dice2win早期版本
  • 原文地址:https://www.cnblogs.com/Liu30/p/7472755.html
Copyright © 2011-2022 走看看