es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

PrimeReact: ¿cómo obtener el índice de fila dentro del cuerpo de la columna?

17 Jul, 2023 Programación

Tengo una tabla de primereact <code>DataTable</code> con una columna que contiene un botón de esta manera:

<column header="Acciones" body="{"></column><div> 
        <button icon="pi pi-pencil" classname="p-button-rounded p-button-text" onclick="{(e)" ==""> {
                    // ¿Cómo obtengo el índice de la fila aquí?
                }}
        />
    </button></div>
}/>

Como puedes ver en el comentario, necesito obtener el índice de la fila cuando el usuario haga clic en el botón, porque quiero realizar una acción en esa fila específica.

¿Es posible? ¿Cómo lo hago?

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Sí, es posible. Puede obtener el índice de fila pasándolo como parámetro a la función onClick. Aquí tienes un ejemplo de cómo hacerlo:

    <column header="Acciones" body="{" (rowdata,="" rowindex)=""> (
        <div>
            <button icon="pi pi-pencil" classname="p-button-rounded p-button-text" onclick="{(e)" ==""> {
                    // Obtiene el índice de la fila aquí
                    console.log("Índice de fila: ", rowIndex);
                }}
            />
        </button></div>
    )
}></column>

    La propiedad body del componente Column recibe una función que devuelve el contenido de la celda. Esta función recibe los parámetros rowData y rowIndex. Podemos utilizar el parámetro rowIndex para acceder al índice de la fila. En la función onClick del botón, podemos imprimir el rowIndex en la consola, o realizar cualquier otra acción en esa fila específica.

Comments are closed.