jquery 打印table

JQuery 是一种广泛使用的 JavaScript 库，可以让开发者更方便地处理 HTML 页面。当需要将 HTML 页面中的表格内容打印出来时，JQuery 的 print 方法可以非常方便地实现此功能。

实现步骤如下：

1.使用 JQuery 选择器选中要打印的表格元素。

2.创建一个 JavaScript 函数，将选中的表格元素作为参数传递给函数。

3.在函数内部使用 JQuery 的 append 方法创建一个空白的 div 元素。

4.将选中的表格元素复制到上述创建的 div 元素中。

5.使用 JQuery 的 print 方法将 div 元素中的内容打印出来。

示例代码如下：

function printTable(tableId) {
    var table = $("#" + tableId).clone();
    var div = $("<div></div>").append(table);
    $(div).print();
}

在以上代码中，tableId 是需要打印的表格元素的 ID。使用 JQuery 选择器选中该元素，并将其复制到一个新的 div 元素中。最后，使用 JQuery 的 print 方法将 div 元素中的内容打印出来。

需要注意的是，如果要在打印页面中显示表格的边框，需要在 CSS 样式中添加如下代码：

table {
    border-collapse: collapse;
    border: 1px solid black;
}

这段代码将表格的边框设置为 1 像素宽的黑色实线。添加此样式后，打印的表格将包含边框。