I need to restructure the layout so the page itself doesn't scroll - only the table area does. The header, stats, and toolbar stay fixed in place.
Now I also need to make the table itself use sticky header so that when scrolling inside the table container, the header stays visible:
Agora o scroll acontece apenas na area da tabela: o header com breadcrumbs, titulo da pagina, cards de estatisticas e toolbar ficam fixos no topo da tela, e somente a tabela de titulos rola verticalmente (e horizontalmente quando necessario). O cabecalho da tabela tambem fica sticky, permanecendo visivel enquanto voce navega pelas linhas.
Now I have full context. I'll rewrite the table component to show a card-based layout on mobile with condensed information, and the full table on desktop.
Agora a tabela se adapta ao mobile mostrando cards compactos com as informações mais importantes: código, status, flag, nome do cliente com CPF/CNPJ, valor em destaque, datas de vencimento e lançamento, tipo do título, operação financeira e link da nota. No desktop (lg: breakpoint para cima) a tabela completa com todas as 13 colunas continua sendo exibida normalmente. O menu de ações (Abrir, Editar, Excluir) está disponível em ambos os layouts.
You can send messages while the preview loads