Gerador de relatórios para Next.js

Exemplos

Três demos ao vivo, cada uma com o código que a produz — da definição mais simples até o mesmo dado alimentando tela e PDF ao mesmo tempo.

Quer testar com os seus dados?

Os exemplos abaixo usam o dataset fixo de vendas do site. No playground você cola um JSON próprio e vê o PDF, o editor de layout e as exportações reagirem em tempo real.

Básico

Uma ReportDefinition simples e 12 linhas de vendas — cabeçalho, colunas formatadas e o total geral no rodapé.

Grupos e subtotais

relatorioPorVendedor agrupa 20 linhas por vendedor, com subtotal por grupo e o total geral ao final.

Mesmos dados, tela e PDF

A mesma lista de vendas alimenta uma CmDataTable na tela e um CmReportPdfPreview — formatValue garante que data e moeda fiquem idênticas nos dois lugares.

DataClienteVendedorItensTotal
01/01/2026Padaria EstrelaAna Souza1R$ 137,90
02/02/2026Mercado Bom PreçoBruno Lima2R$ 275,80
03/03/2026Auto Peças SilvaCarla Nunes3R$ 413,70
04/04/2026Farmácia VidaAna Souza4R$ 551,60
05/05/2026Livraria HorizonteBruno Lima5R$ 689,50
06/06/2026Restaurante SaborCarla Nunes6R$ 827,40
07/01/2026Ótica Visão ClaraAna Souza7R$ 965,30
08/02/2026Pet Shop Amigo FielBruno Lima1R$ 1.103,20
09/03/2026Academia Corpo em FormaCarla Nunes2R$ 1.241,10
10/04/2026Padaria EstrelaAna Souza3R$ 137,90
Linhas por página:1-10 de 10
Página 1 de 1