So verwenden Sie Seitenumbruch nur auf der Oberseite

Question

Ich verwende Listview, um Daten aus der Datenbank zu binden. Ich muss die 17. Reihe auf der nächsten Seite drucken. Also verwende ich Seitenumbruch.

<tr> 
    <td align="center" style="width: 1cm;"> 
     <asp:Label ID="lblIndex" runat="server" Text='<%# Container.DataItemIndex + 1 %>' 
      Font-Bold="true" />. 
     <div <%# ((Container.DataItemIndex + 1) % 18 == 0) ? "class='page-break'": "" %>> 
     </div> 
    </td> 
</tr> 


<style type="text/css" media="print"> 
    @page 
    { 
     size: auto; 
     margin: 1cm; 
    } 

    .page-break 
    { 
     float:none; 
     display: block; 
     page-break-before: always; 
     page-break-after: avoid; 
     clear: both !important; 
    } 
</style> 

Hier gilt mein Page-Break gilt sowohl oben als auch unten Reihen. Ich brauche nur die oberen Reihen, nicht den Nachteil.

Answer 1

try this.. 

       <tr <%# ((Container.DataItemIndex + 1) % 18 == 0) ? "class='page-break'": "" %>> 
       <td align="center" style="width: 1cm;"> 
        <asp:Label ID="lblIndex" runat="server" Text='<%# Container.DataItemIndex + 1 %>' 
         Font-Bold="true" />. 

       </td> 
      </tr>