zoukankan      html  css  js  c++  java
  • js动态表格笔记

    var tablereport= document.getElementById('tablereport');
    var logBodyHtml = ' ';
    logBodyHtml += ' <table style=" 100%; "> ';
    logBodyHtml += ' <tbody tabindex="0" > ';
    for(var i=1;i<logData.dataList.length;i++){
    var contentData = logData.dataList[i];
    var currencyQty = contentData.CURRENCYQTY;
    if(currencyQty == null){
    currencyQty =0;
    }
    var trHtml = "";
    trHtml += ' <tr id="yui-rec0" style="font-size:28px;padding-left:100px;" > ';
    trHtml += ' <td rowspan="2" style="text-align: center; 15%; height: 60px;color: #00ff00;font-size: 22px;border:2px dashed #f6cf72;border-right: 0px;border-top: 0px;"> ' + contentData.ITEMNO + " </td>" ;
    trHtml += ' <td rowspan="2" style="text-align: center; 15%; height: 60px;color: #ffff00;font-size: 30px;border:2px dashed #f6cf72;border-right: 0px;border-top: 0px;"> ' + contentData.REQUIREQTY + " </td>" ;
    trHtml += ' <td rowspan="2" style="text-align: center; 15%; height: 60px;color: #00ff00;font-size: 30px;border:2px dashed #f6cf72;border-right: 0px;border-top: 0px;"> ' + contentData.DISPATCHINGQTY + " </td>" ;
    trHtml += ' <td rowspan="2" style="text-align: center; 15%; height: 60px;color: #ff0000;font-size: 30px;border:2px dashed #f6cf72;border-right: 0px;border-top: 0px;"> ' + contentData.LACKQTY + " </td>" ;
    trHtml += ' <td rowspan="2" style="text-align: center; 20%; height: 60px;color: #00ff00;font-size: 26px;border:2px dashed #f6cf72;border-right: 0px;border-top: 0px;"> ' + contentData.UNITNO + " </td>" ;
    trHtml += ' <td style="text-align: center; 20%; height: 60px;color: #00ff00;font-size: 26px;border:2px dashed #f6cf72;border-right: 0px;border-top: 0px;"> '+"绑定:" + contentData.BINDQTY + " </td>" ;
    trHtml += '</tr> ';
    trHtml += '<tr> ';
    trHtml += ' <td style="text-align: center; 20%; height: 60px;color: #00ff00;font-size: 26px;border:2px dashed #f6cf72;border-right: 0px;border-top: 0px;"> ' +"通用:"+ currencyQty + " </td>" ;
    trHtml += '<tr> ';
    logBodyHtml += trHtml;

    }
    // console.log( logBodyHtml );
    logBodyHtml += ' </tbody>' ;
    logBodyHtml += ' </table> ';
    tablereport.innerHTML=logBodyHtml ;

  • 相关阅读:
    判断是否为数字
    viewPage
    向左对齐的Gallery
    QQ登入(6)腾讯微博-获取微博用户信息,发送微博
    QQ登入(5)获取空间相册,新建相册,上传图片到空间相册
    QQ登入(4)QQ分享-内容转载
    QQ登入(3)QQ空间分享-无需登入
    Codeforces Round #210
    zoj 3716
    Codeforces Round #209 (Div. 2)
  • 原文地址:https://www.cnblogs.com/26JRS/p/7274384.html
Copyright © 2011-2022 走看看