diff --git a/src/components/eli/EliTabela/EliTabelaBody.vue b/src/components/eli/EliTabela/EliTabelaBody.vue index 18e3487..133bd27 100644 --- a/src/components/eli/EliTabela/EliTabelaBody.vue +++ b/src/components/eli/EliTabela/EliTabelaBody.vue @@ -29,8 +29,6 @@ v-for="(coluna, j) in colunas" :key="`td-${i}-${j}`" class="eli-tabela__td" - :class="[coluna.acao ? 'eli-tabela__td--clicavel' : undefined]" - @click="coluna.acao ? () => coluna.acao?.() : undefined" > diff --git a/src/components/eli/EliTabela/types-eli-tabela.ts b/src/components/eli/EliTabela/types-eli-tabela.ts index 21e55dd..7e87896 100644 --- a/src/components/eli/EliTabela/types-eli-tabela.ts +++ b/src/components/eli/EliTabela/types-eli-tabela.ts @@ -32,8 +32,6 @@ export type EliColuna = { celula: (linha: T) => ComponenteCelula; /** Ação opcional disparada ao clicar na célula. */ - // TODO: Ação passou a receber o objeto - acao?: (linha:T) => void; /** * Campo de ordenação associado à coluna. Caso informado, a coluna passa a * exibir controles de ordenação e utiliza o valor como chave para o backend. diff --git a/src/playground/tabela.playground.vue b/src/playground/tabela.playground.vue index 4ca785a..518249e 100644 --- a/src/playground/tabela.playground.vue +++ b/src/playground/tabela.playground.vue @@ -305,13 +305,14 @@ export default defineComponent({ }, { rotulo: "E-mail", - celula: (l) => celulaTabela('textoTruncado', { texto: l.email }), + celula: (l) => celulaTabela('textoTruncado', { + texto: l.email, acao: () => { + // Exemplo de ação: poderia abrir detalhes + alert(`Clicou em ${l.email}`); + } + }), coluna_ordem: "email", visivel: true, - acao: (l) => { - // Exemplo de ação: poderia abrir detalhes - alert(`Clicou em ${l.email}`); - }, }, { rotulo: "Telefone",