Siga os passos abaixo para configurar a tabela paginada no seu aplicativo Bubble:
### Passo 1: Adicionar Propriedades ao Elemento (Fields)
Adicione as seguintes propriedades nas configurações do seu Elemento Visual no editor do plugin:

1. list_of_items (List of Things): Lista de registros do banco de dados (ex: List of Products).
2. columns_config (Text): Nome das colunas e larguras. Ex: Código[80], Descrição[260], Valor[110], Início[120]
3. fields_config (Text): Chaves/API Names exatos do banco de dados. Ex: codigo, description, valor_venda, start_date
4. formats_config (Text): Formatos das colunas (text, date, money_X, number_X, percent_X). Ex: text, text, money_2, date
5. date_format (Text): Máscara global para as datas. Padrão: dd/mm/yyyy
6. currency_locale (Text): Região da moeda e formato (BR, US, EUR, GB, CN, JP). Padrão: BR
7. page_sizes (Text): Opções de itens por página. Ex: 10, 25, 50, 100, TODOS
8. row_height (Number): Altura das linhas em pixels. Padrão: 45
9. header_height (Number): Altura do cabeçalho em pixels. Padrão: 50
10. sticky_header (Yes/No): Se "yes", o cabeçalho ficará fixo durante o scroll.
11. show_checkboxes (Yes/No): Ativa a seleção múltipla por checkboxes.
12. show_print, show_edit, show_delete (Yes/No): Exibe os botões de ação correspondentes.
13. enable_row_click (Yes/No): Habilita o evento de clique na linha.

---

### Passo 2: Criar os Estados Expostos (Exposed States)
Configure os seguintes estados de saída no elemento para ler os dados no Bubble:

• current_page (Number): Página atual da tabela.
• items_per_page (Number): Quantidade de itens sendo exibidos por página.
• selected_item (Thing): Retorna o ÚNICO objeto correspondente à linha onde o usuário clicou (utilize nos workflows de Editar, Deletar e Imprimir).
• selected_items (List of Things): Retorna a LISTA de todos os objetos que foram marcados com o checkbox.

---

### Passo 3: Configurar os Eventos (Events)
Defina os seguintes eventos na aba do elemento para disparar workflows no Bubble:

• page_changed: Disparado ao mudar de página.
• items_per_page_changed: Disparado ao mudar a quantidade de itens por página.
• row_clicked: Disparado ao clicar em qualquer parte de uma linha (exceto no checkbox).
• edit_clicked: Disparado ao clicar no botão Editar.
• delete_clicked: Disparado ao clicar no botão Excluir.
• print_clicked: Disparado ao clicar no botão Imprimir.

---

### Passo 4: Estilização (Custom CSS)
Para carregar os estilos visuais premium (incluindo o checkbox customizado e a barra flutuante), copie o conteúdo do arquivo `style.css` e insira dentro de tags `<style>` no campo "Header HTML" nas configurações do seu plugin ou importe-o diretamente nas configurações de cabeçalho do seu aplicativo.