将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); }
分类:
EasyUI
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)