Executando verificação de segurança...
1

[AJUDA] Geração de PDF, Imagem e Planilhas | ViteJs (ReactJs) com ShadcnUI

Preciso de uma ajuda no react to print.

  • Estou usando viteJs com ShadcnUI (Javascript);
  • Instalei o react-to-print
  • Estou tentando imprimir a page toda como se for um print, que é que o react to print faz. Até ai tudo bem.
  • Mas preciso ajustar a impressão da minha tabela, tenho uma tabela com varios registros e o card da minha pagina tem um tamanho fixo e tem um scrol nessa tabela. Tudo como realmente precisa estar, ou seja, meu layout da tela esta perfeito.
  • Porém quando tento ajustar a impressão da tabela, não consigo imprimir o conteúdo todo dessa tabela, aparece apenas como o print.
  • Uma vez consegui fazer imprimir o conteúdo todo dessa tabela com todos os registros sem o scrol, mas agora não consigo fazer ter o mesmo comportamento.

O trecho do código é o mesmo da documentação no npm e apenas copiei e colei e funciona. Mas quando tento fazer os ajustes para a impressão para pegar a tabela a tela para de renderizar.

const contentRef = useRef(null);
const reactToPrintFn = useReactToPrint({ contentRef });

return (
  <div>
    <button onClick={reactToPrintFn}>Print</button>
    <div ref={contentRef}>Content to print</div>
  </div>
);

Alguém consegue me ajudar nessa impressão?

Carregando publicação patrocinada...
1

Você conhece ou já viu o puppeeter?

npm puppeter

Com ele você consegue gerar o pdf usando links ou passando o proprio html em string.

Não sei se dessa forma seria viavel, eu por exemplo to fazendo uma api que gera um orçamento, fiz todo orçamento em html puro e passo para ele, assim ele gera o html identico como se eu tivesse abrindo o html no navegador