Javascript 添加表列计数html

在html上打印数据表时，我遇到了一个如何添加列号的问题。当我点击按钮时，有没有专家可以给我添加的方法或解决方案？请参阅下面的附件以供参考，下面的图片是我想要的和看起来的样子。
提前感谢
这就是我想要的：

HTML代码：

打印它
你好，世界

样品
样品
样品
样品
样品
样品
样本/拇指
样品
数据
页脚
数据1
数据2
数据3
数据4
数据5
数据6
数据7
数据8
数据9
数据1
数据2
数据3
数据4
数据5
数据6
数据7
数据8
数据9
数据1
数据2
数据3
数据4
数据5
数据6
数据7
数据8
数据9
数据1
数据2
数据3
数据4
数据5
数据6
数据7
数据8
数据9
数据1
数据2
数据3
数据4
数据5
数据6
数据7
数据8
数据9
数据1
数据2
数据3
数据4
数据5
数据6
数据7
数据8
数据9
数据1
数据2
数据3
数据4
数据5
数据6
数据7
数据8
数据9
数据1
数据2
数据3
数据4
数据5
数据6
数据7
数据8
数据9
数据1
数据2
数据3
数据4
数据5
数据6
数据7
数据8
数据9
数据1
数据2
数据3
数据4
数据5
数据6
数据7
数据8
数据9
数据1
数据2
数据3
数据4
数据5
数据6
数据7
数据8
数据9
数据1
数据2
数据3
数据4
数据5
数据6
数据7
数据8
数据9
数据1
数据2
数据3
数据4
数据5
数据6
数据7
数据8
数据9

Java脚本：

函数printDiv（）{
设tbl=document.getElementById（'table'）；
让footer=tbl.getElementsByTagName（'tfoot'）[0]；
footer.style.display='表行组'；
tbl.removeChild（页脚）；
tbl.appendChild（页脚）；
//使页眉仅在第一页可见
让title=document.querySelector（'.titles'）；
设newTitle=title.cloneNode（true）；
newTitle.style.textAlign=“中心”；
newTitle.style.fontwweight=“bold”；
tbl.预编（新标题）；
title.remove（）；
var divToPrint=document.getElementById（'table'）；
var htmlToPrint=''+
'' +
“表td{”+
'边框：1px实心#dddddd；'+
'填充：8px；'+
'}' +
“表{”+
'边界塌陷：塌陷；'+
“宽度：100%；”+
'}' +
'';
htmlToPrint+=divToPrint.outerHTML；
newWin=window.open（“”）；
newWin.document.write（htmlToPrint）；
newWin.print（）；
newWin.close（）；
}

CSS:

@媒体屏幕{
.noPrint{}
.头衔{
显示：无；
}
.页脚{
显示：无；
}
}
@媒体印刷品{
.不打印{
显示：无；
}
.title{}
.footer{}
}

更简单的是

代码

表格{
边界塌陷：塌陷；
字体大小：11px；
计数器复位：noElm；
}
th，
运输署{
填充物：2em.7em；
边框：1px纯黑；
}
tbody tr{
反增量：noElm；
}
td:n类型（1）：之前{
内容：计数器（noElm）；
}
th:nth类型（1），
td:nth类型（1）{
显示：无；
}
@媒体印刷品{
th:nth类型（1），
td:nth类型（1）{
显示：表格单元格；
}
}

你好，世界
非名称名称2名称3名称4
lib 1lib 2lib 3lib 4
lib 1lib 2lib 3lib 4
lib 1lib 2lib 3lib 4
lib 1lib 2lib 3lib 4
lib 1lib 2lib 3lib 4

您应该看看