zoukankan      html  css  js  c++  java
  • 将easyui-datagrid中的数据动态生成为table

    <table  id="table_excel" style="text-align:center;display:block;"  >  
    </table>
            //生成---table_excel------------------------------------------------------
            //第一行 列名
             strRow="<tr>";
             var cols = $('#grid').datagrid('getColumnFields'); //获取所有列
             //console.log(cols.length);总列数 
             for (var i in cols) {     
                 //获取每一列的列名对象
                 var col = $('#grid').datagrid("getColumnOption", cols[i]);
                  //console.log(cols[i]);//绑定 的 字段名
                  //console.log(col.title.trim());//显示 的 列名
                  strRow=strRow +  "<td>" + col.title.trim()+ "</td>";
             }  
             strRow=strRow   +"</tr>";
             $("#table_excel").append(strRow);
             //第二行至所有行 数据
             var arrTable=$('#grid').datagrid('getData');  //var value=arrTable.rows[0][0];
             //console.log(arrTable); 
             for (i = 0; i < arrTable.rows.length; i++) { 
                 strRow="<tr>";
                 for(j=0; j<cols.length; j++){
                    strRow=strRow +  '<td   >' +"" + arrTable.rows[i][j]+"" + "</td>";
                 }
                 strRow=strRow   +"</tr>";
                 $("#table_excel").append(strRow);
             }
  • 相关阅读:
    JavaScript事件详解
    JavaScript事件
    十六进制转十进制原理
    java:数组复制
    java:数组扩容
    MySQL---Day2
    Pyhton学习——Day47
    MySQL---Day1
    Pyhton学习——Day46
    Someing-About-Work
  • 原文地址:https://www.cnblogs.com/hailexuexi/p/12944594.html
Copyright © 2011-2022 走看看