Javascript JS将分页插入一个长表中

我有一个由JavaScript创建的长表。我想知道是否有办法在表中每10行插入一个分页符。我注意到，如果它的内联样式用于html行，则会删除分页符。 我需要创建多个表吗？ 这是桌子

问询处
价格
价格
10.0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 154.00$0.00xx$166.00$0.00xx$183.00$0.00xx$188.00$0.00xx$18850.0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元$$$$$$$$$$$$$$0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0$0.00xx$753.00$50.00xx$788.00$100.00xx$792.74$0.00xx$903.71$0.00x0.0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元美元10 10 10 10 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 XX$3008.51$0.00xx$3104.62$0.00xx$3316.92$0.00xx$3530.77$0.00xx$6947.69$0.00xx$10209.63$0.00xx$11866.15$0.00xx$13173.85$0.00

我不会在混合中引入类似

的元素，因为如果不编写更多的代码，就无法控制间隙的高度，而且当您只需操纵CSS以实现所需时，这是不必要的。您只需确保您的行是

display:block

，然后执行以下操作：

var rows = document.querySelectorAll('tr');

for (var i = 0; i <= rows.length-1; i += 10 ) {

    rows[i].style.marginBottom = '50px';

};

---

只需通过JS每隔10行插入一个空行<代码>，例如。@Timmy和分页符是同一件事吗？当然不是，很抱歉，我完全误解了你的要求。现在已经很晚了lol=）@Timmy:）我感谢你的回答：）请整理一下你的例子。不需要包含base64图像，我看不到任何id为

printArea

的元素。如果没有所有的噪音，诊断起来会更容易。嘿，谢谢你的回复。如果我让行显示块，它会抛出所有内容对齐。有什么理由展示吗block@benji_rMargin只适用于没有表显示类型的元素，而您目前的做法是这样的，所以我们的想法是更改行的显示，以便可以应用Margin，但我看到这是如何将其中的单元格弄乱的。一种解决方法是将

td

设置为

display:inline块

，然后设置每列的宽度。这是一个额外的步骤，但它会起作用。

var rows = document.querySelectorAll('tr');

for (var i = 0; i <= rows.length-1; i += 10 ) {

    rows[i].style.marginBottom = '50px';

};

 tr {
   display: block;}

 th,
 td {
   display:inline-block;
   vertical-align:middle;}

 th:nth-child(1), 
 td:nth-child(1) {
   width: 50%;}

 th:nth-child(2), 
 td:nth-child(2) {
   width: 20%;}

 th:nth-child(3), 
 td:nth-child(3) {
   width: 20%;}