追加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（分頁問題）

回答

相關問題