Js实现简单的打印表格

效果如下：

代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>打印表格</title></head><body><script>var data=[{id:1001,icon:"img/1.png",name:"餐饮0",num:1,price:10},{id:1002,icon:"img/2.png",name:"餐饮1",num:1,price:20},{id:1003,icon:"img/3.png",name:"餐饮2",num:1,price:30},{id:1004,icon:"img/4.png",name:"餐饮3",num:1,price:40},{id:1005,icon:"img/5.png",name:"餐饮4",num:1,price:50},{id:1006,icon:"img/6.png",name:"餐饮5",num:1,price:60},{id:1007,icon:"img/7.png",name:"餐饮6",num:1,price:70},{id:1008,icon:"img/8.png",name:"餐饮7",num:1,price:80},{id:1009,icon:"img/9.png",name:"餐饮8",num:1,price:90},{id:1010,icon:"img/10.png",name:"餐饮9",num:1,price:100}];var table="<table border='1' cellspacing='0'>";//这个字符串第一位为# 颜色的格式for(var i=0;i<10;i++) {table += "<tr>";for (var key in data[i]){table = table+"<td>"+data[i][key]+"</td>";}table+="</tr>";}table+="</table>";var bodys = document.getElementsByTagName('body')[0];bodys.innerHTML = table;</script>
</body></html>

Js实现简单的打印表格相关推荐

js打印html表格内容,js实现简单的打印表格
本文实例为大家分享了js实现打印表格的具体代码,供大家参考,具体内容如下效果如下: 代码如下: 打印表格 var data=[ {id:1001,icon:"img/1.png" ...
Vue.js ：使用LODOP打印表格文件
用到的打印工具是LODOP. 项目环境是vue-cli搭建的,组件库是ant design vue. 1.在需要打印的页面引入插件. <script>import { getLodop } ...
6行代码实现js打印表格
在业务中我们经常会遇到打印当前表格的需求,下面我们直奔主题. 首先我们要引一个js文件: <script type="text/javascript" src="J ...
JS打印表格时边框缺失问题
问题描述: JS打印表格时边框缺失问题项目场景:window.print()打印网页,预览中,表格的边框缺失部分或全部原因分析: 首先,怀疑是设置了border-collapse:collapse ...
html表格按照编号排序,JS实现简单表格排序操作示例
本文实例讲述了JS实现简单表格排序操作.分享给大家供大家参考,具体如下: sort table *{ margin:0px; padding:0px; } body{ background:#ccc; ...
ireport简单报表打印
目录 1. ireport连接Oracle数据库 2. ireport简单报表打印 1.ireport面板属性 1.title:只在整个报表的第一页的最上面部分显示,除了第一页外,不管报表有几个页面, ...
使用JS代码简单实现九九乘法表
开发工具与关键技术: Visual Studio Code/JS 作者:唐嘉怡撰写时间:2022/6/18 大家从小学开始就应该被老师要求要熟练背诵九九乘法表吧.那么大家如若要展示给其他不认识九九乘 ...
使用 ale.js 制作一个小而美的表格编辑器（2）
今天来教大家如何使用 ale.js 制作一个小而美的表格编辑器,首先先上 gif: 是不是还是有一点非常 cool 的感觉的?那么我们现在开始吧! 这是我们这篇文章结束后完成的效果(如果想继续完成请访 ...
js html css淘宝足迹日历效果,js实现简单的日历显示效果函数示例
本文实例讲述了js实现简单的日历显示效果函数.分享给大家供大家参考,具体如下: 用一个函数简单的实现一个月份的日历,效果如下: 这个日历效果有高亮显示,我实现的思维比较简单. 我把上面的日历效果用表格 ...

Js实现简单的打印表格

效果如下：

代码如下：

Js实现简单的打印表格相关推荐

最新文章

热门文章