plimo263 / app_componentes

Um componente react de tabela

Sistema de tabela usando react-table

Esta é uma tabela usada como base para representação de dados. Integrada com a biblioteca MUI, a utilização de outras libs torna a tabela eficiente para os mais variados casos.

Recursos

• Formatação cabecalho * (estilos aplicados a um Paper com uso da props sx)
• Atributo para data
• Atributo para monetario
• Atributo para dataHora
• Selecao de registro
• Utilizacao do campo envolver
• Filtro global
• Exibir rodape
• Total no rodape de campos monetario e soma
• Campo data customizado com props dataCustom (um formato aceito pelo date-fns)
• Exibicao de 100 registros na tela (no máximo)
• Quantidade de registros em exibicao no painel
• Recebimento do painel como render (com capacidade de receber o trSelecionado e se auto-configurar para select)
• Mostra mais registros a medida que vai scrollando
• Oculta colunas não utilizadas
• Baixar arquivo em Excel
• Formatação para valor percentual

Bibliotecas utilizadas

• @mui/material
• react-use
• react-table
• date-fns
• react-infinite-scroll-hook