resolvido erro de ação de células
This commit is contained in:
parent
4fd142ee70
commit
317b0b3b3e
3 changed files with 6 additions and 9 deletions
|
|
@ -29,8 +29,6 @@
|
||||||
v-for="(coluna, j) in colunas"
|
v-for="(coluna, j) in colunas"
|
||||||
:key="`td-${i}-${j}`"
|
:key="`td-${i}-${j}`"
|
||||||
class="eli-tabela__td"
|
class="eli-tabela__td"
|
||||||
:class="[coluna.acao ? 'eli-tabela__td--clicavel' : undefined]"
|
|
||||||
@click="coluna.acao ? () => coluna.acao?.() : undefined"
|
|
||||||
>
|
>
|
||||||
<EliTabelaCelula :celula="(coluna.celula(linha as never) as never)" />
|
<EliTabelaCelula :celula="(coluna.celula(linha as never) as never)" />
|
||||||
</td>
|
</td>
|
||||||
|
|
|
||||||
|
|
@ -32,8 +32,6 @@ export type EliColuna<T> = {
|
||||||
celula: (linha: T) => ComponenteCelula;
|
celula: (linha: T) => ComponenteCelula;
|
||||||
/** Ação opcional disparada ao clicar na célula. */
|
/** 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
|
* 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.
|
* exibir controles de ordenação e utiliza o valor como chave para o backend.
|
||||||
|
|
|
||||||
|
|
@ -305,13 +305,14 @@ export default defineComponent({
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
rotulo: "E-mail",
|
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",
|
coluna_ordem: "email",
|
||||||
visivel: true,
|
visivel: true,
|
||||||
acao: (l) => {
|
|
||||||
// Exemplo de ação: poderia abrir detalhes
|
|
||||||
alert(`Clicou em ${l.email}`);
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
rotulo: "Telefone",
|
rotulo: "Telefone",
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue