追加vs后jquery（分页问题）

$(this).after("<tr class='pagebreak'></tr>");

我正在添加一个像上面的tr，但分页符不工作。追加vs后jquery（分页问题）

当我这样做：

$("#searchresult").append("<tr class='pagebreak'></tr>");

分页符工作。

不幸的是，我不能一直使用append，因为有动态tr要添加。

我的css如下。

tr {display: table-row !important; } 
tr.pagebreak { display: block !important; page-break-after: always; }

UPDATE：

<table> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='dynamicsubtotal'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='value'></tr> 
    <tr class='dynamicsubtotal'></tr> 
</table>

来源

2016-04-15 Brownman Revival

何时需要插入分页符？ – root

在我的表中，我添加了记录，并且我一次对它们进行分页10，有时候有我添加的tr，其中有小计，这是我以后使用的时间。我在小计tr之后放置了分页符。当没有小计tr我只是使用append，它工作正常。 @root –

这将有助于如果你可以提供预期的输出和你当前的HTML。 – root

像这样的事情一定会做到。

var count = 0; 
$('table tr').each(function() { 
    if($(this).hasClass('dynamicsubtotal') || count == 9) 
    { 
     $('this').after('<tr class="page-break"><\tr>') 
    } else { 
     count++; 
    } 
}

这不，虽然

来源

2016-04-15 06:48:34 Sarcoma

OP需要添加新的'tr'而不是只添加类到现有的元素 – Justinas

但是只有前面的tr是不是一个动态的小计？你想在总数之前还是之后休息一下？没有真正看到问题。 – Sarcoma

在我的表格中，我添加了记录，并且我一次对它们进行分页10，有时候会有我添加的tr，其中有小计，这是我以后使用的时间。我在小计tr之后放置了分页符。当没有小计tr我只是使用append，它工作正常 –

测试通过CSS而不是添加元素？

tr:nth-child(10n+0) { 
    display: block !important; page-break-after: always; 
}

来源

2016-04-15 06:52:00 Yoeri

在我的表中，我添加了记录，并且我一次对它们进行分页10，有时候我会添加tr，其中有小计，这是我以后使用的时间。我在小计tr之后放置了分页符。当没有小计tr我只是使用append，它工作正常 –

追加vs后jquery（分页问题）

回答

相关问题