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 ;

  • 相关阅读:
    【转】SQL SERVER DateTime类型的精度
    【转】一道SQL SERVER DateTime的试题
    【转】SQL Server sql_variant 类型的比较
    【转】SQL SERVER 存储过程中变量的作用域
    【转】静态游标和动态游标
    【转】SQL SERVER 开窗函数简介
    Mac上VMWare Fusion配置多台cent os
    Mac os下设置国内镜像加速站
    解决Mac下使用root 权限依旧无法读写文件的问题
    Cent OS (三)vi文本编辑操作
  • 原文地址:https://www.cnblogs.com/26JRS/p/7274384.html
Copyright © 2011-2022 走看看