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 ;

  • 相关阅读:
    Div+Css布局教程(-)CSS必备知识
    html表格设置
    wxAui Frame Management用法
    aui
    MySQL死锁
    InnoDB索引存储结构
    MySQL事务调优
    MySQL慢SQL语句常见诱因
    InnoDB的LRU淘汰策略
    InnoDB事务之redo log工作原理
  • 原文地址:https://www.cnblogs.com/26JRS/p/7274384.html
Copyright © 2011-2022 走看看