2015-07-06 27 views
5

Ich versuche, ein Problem zu beheben, bei dem die Tabellenüberschrift in meinem HTML auf nachfolgenden Seiten nicht korrekt dargestellt wird. Irgendwelche Ideen, wie Sie dieses Problem beheben können?Rotativa - Strange Header-Ausgabe

Der Header

<thead> 
       <tr> 
        <th></th> 
        <th>@Index.LastName</th> 
        <th>@Index.FirstName</th> 
        <th>@Index.Contact</th> 
        <th>@Index.Division</th> 
        <th>@Index.ClubName</th> 
        <th>@Index.Position</th> 
       </tr> 
      </thead> 

Die Aktion:

public ActionResult PrintResults(UserMemberSearchViewModel model) 
{ 
    model.Results = UserMemberSearchTasks.Search(model); 
    return new PartialViewAsPdf("ResultsPDF", model) 
    { 
     FileName = Resources.UserMemberSearch.Index.MemberDetails + ".pdf", 

    }; 
} 

Das Ergebnis

enter image description here

Antwort

10

Dies löste das Problem, das anscheinend durch einen Fehler in wktohtml verursacht wird.

<style> 
     tr { page-break-inside: avoid;} 
</style> 

Siehe this für mehr ...

+0

Die richtige Lösung ist 'Thead zu verwenden, tfoot {display: table-row-group}' – ashkulz

+1

Slinky Antwort mein Problem gelöst. –

+0

@ashkulz: Das verhindert auch das Problem, nur weil es den Header von allen Seiten außer der ersten Seite entfernt. Wenn Sie den Header auf jeder Seite behalten wollen, dann ist Slinkys Antwort tatsächlich, was funktioniert. – mellamokb