2015-07-06 38 views
5

Próbuję rozwiązać problem, w którym nagłówek tabeli w moim kodzie HTML nie wyświetla się prawidłowo na kolejnych stronach. Wszelkie pomysły, jak rozwiązać ten problem?Rotativa - Dziwne wyjście nagłówka

Nagłówek

<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> 

Akcja:

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

    }; 
} 

Wynik

enter image description here

Odpowiedz

10

To rozwiązało problem, który jest spowodowany przez błąd w wktohtml, najwyraźniej.

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

Zobacz this dłużej ...

+0

Prawidłowe rozwiązaniem jest użycie 'THEAD, TFOOT {display: table-row-group}' odpowiedź – ashkulz

+1

Slinky za rozwiązać mój problem. –

+0

@ashkulz: To też zapobiega problemowi, tylko dlatego, że usuwa nagłówek ze wszystkich stron z wyjątkiem pierwszej strony. Jeśli chcesz zachować nagłówek na każdej stronie, odpowiedź Slinky'ego jest w rzeczywistości tym, co działa. – mellamokb