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