@senior-hcm-service-tower/hst-selectable-table
v0.0.3
Published
Componente desenvolvido para uso em telas customizadas e BPMs pelo time de serviços customizados HCM da Senior Sistemas.
Downloads
180
Maintainers
Keywords
Readme
HCM Service Tower Senior - Selectable Table 🚀
Componente desenvolvido para uso em telas customizadas e BPMs pelo time de serviços customizados HCM da Senior Sistemas.
📝 Requisitos
- Angular: 18.0.1
- primeflex: 3.3.1
🛠️Configuração
Após importar o componente, será necessário:
Configuração: No componente que utiliza essa biblioteca será necessário criar uma configuração dos parâmetros dos componentes:
- records: A lista que será mostrada na tabela. Deve ser compatível com a interface Record da bilioteca. Exemplo:
[
{ nome: 'João da Silva', matricula: 1 },
{ nome: 'Pedro Costa', matricula: 2 }
]- selectedRecords: lista de objetos que armazenará os itens selecionados na tabela.
- columnsConfig: Configuração da coluna contendo o nome do header, o campo que esse header faz referência e o tamanho da coluna. Deve ser compatível com a ionterface ColumnConfig da bilioteca; Exemplo:
[
{ field: 'nome', header: 'Nome', size: '60%' },
{ field: 'matricula', header: 'Matrícula', size: '40%' }
]- loading: variável booleana para indicar se a tabela deve mostrar estado de loading;
- scrollHeight: valor em pixels para definir o tamanho da tabela. Valor padrão é 300px.
- totalRecords: número total de registros.
🔧 Inputs
| Input | Entrada | Descrição | | ------------- | ------------- | ------------- | | records | Record[] | Lista mostrada na tabela | selectedRecords | Record[] | Itens selecionados na tabela | columnsConfig | ColumnConfig | Configuração do cabeçalho de colunas | loading | boolean | Propriedade para ativar o estado de loading da tabela | scrollHeight | string | Tamanho em pixel da tabela. Valor padrão: 300px | totalRecords | number | Número total de registros a serem carregados
🔧 Outputs
| Output | Saída | Descrição | | ------------- | ------------- | ------------- | | onSelectedChange | SelectedChange | Emite um evento sempre que a seleção de dados da tabela é altrada | onLazyLoad | onLazyLoad[] | Emite um evento ao realizar o scroll da tabela solicitando novos dados que devem ser preenchidos no Input records
