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",