quarta-feira, 25 de janeiro de 2017

CSS: Quebra de página em PageBlockTable (renderAs="PDF")

É... o título não ficou muito legal! Tentei resumir em poucas palavras, para o título, o problema e a solução que encontrei e que compartilharei com vocês logo a seguir:

Bem, estava criando uma página Visualforce, renderizada em PDF que, entre outras coisas, possui uma tabela <apex:PageBlockTable />. O problema acontecia quando a tabela estava no final da página e o conteúdo dessa tabela não cabia na mesma página. A tabela era simplesmente cortada e mal dividida, deixando um aspecto, digamos, bem amador. Veja:




Porém dando uma pesquisa, achei uma solução interessante que, caso essa "quebra de página" aconteca, o cabeçalho é copiado para a página seguinte, deixando um aspecto melhor para a continuação da tabela. O CSS em questão é:


     table {  
       -fs-table-paginate: paginate;  
     }  

Observe que o cabeçalho é inserido automaticamente na segunda página, após inserir o CSS no cabeçalho da sua Visualforce:



Bom, por hoje é apenas isso! 




* Está precisando de um suporte ou uma consultoria na implantação do seu Salesforce? Entre em contato conosco - CbCloud: http://www.cbcloud.com.br/
Somos parceiros gerenciados pela Salesforce!