在一页中打印一个多表的表格
print one table of multi table in one page
我有一个包含 3 个或更多表的 php 页面。我需要打印它们。我有一个用于打印表格的 javascript 代码,该表格适用于具有一个表格的页面,但如果我有 2 个或更多表格,并且当我单击打印按钮时,只会打印第一个表格。任何人都可以帮我打印第二张或第三张桌子吗?这是我的javascript代码:
<script type="text/javascript">function printPage(){
var tableData = '<table border="1" dir="rtl">'+document.getElementsByTagName('table')[0].innerHTML+'</table>';
var data = '<button onclick="window.print()">Print this page</button>'+tableData;
myWindow=window.open('','','width=800,height=600');
myWindow.innerWidth = screen.width;
myWindow.innerHeight = screen.height;
myWindow.screenX = 0;
myWindow.screenY = 0;
myWindow.document.write(data);
myWindow.focus();
};
</script>
这是我的打印链接代码:
<a id="print" href="javascript:void(0);" onclick="printPage();">print</a>
我认为这可能有助于您了解一个想法。我没有测试它,因为我没有任何特定的数据可以处理。但是请检查一下,看看它是否有效。
function printPage(){
var tableData = '';
for (var i = 0; i < document.getElementsByTagName('table').length; i++){
tableData = tableData + '<table border="1" dir="rtl">'+document.getElementsByTagName('table')[i].innerHTML+'</table>';
}
var data = '<button onclick="window.print()">Print this page</button>'+tableData;
myWindow=window.open('','','width=800,height=600');
myWindow.innerWidth = screen.width;
myWindow.innerHeight = screen.height;
myWindow.screenX = 0;
myWindow.screenY = 0;
myWindow.document.write(data);
myWindow.focus();
}
这将附加所有表格,并允许您打印所有表格。
但是,如果您想选择要打印的表格,那么有不同的方法可以做到这一点,例如保留与 3 个表格相连的 3 个链接,或者打开一个带有选择选项的窗口,该选项选择您需要的表格。无论哪种方式,您都可以更改上述功能,以便将表的索引值传递给printPage()
函数,如下所示:
function printPage(t){
tableData = '<table border="1" dir="rtl">'+document.getElementsByTagName('table')[t].innerHTML+'</table>';
var data = '<button onclick="window.print()">Print this page</button>'+tableData;
myWindow=window.open('','','width=800,height=600');
myWindow.innerWidth = screen.width;
myWindow.innerHeight = screen.height;
myWindow.screenX = 0;
myWindow.screenY = 0;
myWindow.document.write(data);
myWindow.focus();
}
这里t
是您要选择的表的索引,它会打印所需的表。然后你可以从那里继续。
希望对您有所帮助。
相关文章:
- 将一个表格行拆分为5s列的倍数
- JQuery insertAfter();移动下一个表格单元格
- JQuery 滑动一个表格形成,另一个循环滑动
- 如何选择与另一个表格单元格有某种关系的某个表格单元格
- 仅在一个表格行内设置单选按钮标签的样式
- Jquery..单击另一个表格单元格后,单元格文本未重新显示
- 我如何获得一个表格,以停止后的窗帘数量的字符
- jQuery:垂直获取下一个表格单元格
- 我想提交一个表格(没有<表格>标签),当我按键盘上的回车键时
- 使用javascript,我如何得到一个表格单元格的背景颜色,当我点击它
- 是否有可能替换一个表格单元格而不删除它与javascript或jQuery
- 如何检查在jQuery是一个表格单元格溢出的宽度
- jQuery方法解析产品价格/成本文本从一个表格单元格,并移动到一个新的相邻单元格
- 选择一个表格单元格
- 如何制作一个表格,一次显示3个问题
- 如何使用jQuery迭代一个表格单元格
- 我正在 angularjs 中设计一个表格,其中包含每列的多文本过滤选项,就像在 excel 中一样
- 如何在一个表格行中使用两个 ng 重复
- 如何在最后一个表格行上插入新行
- 包括一个表格到html网站的日期