PrimeReact: how to obtain row index inside column body?

Question

I have a primereact DataTable with a column that contains a button like this:

<Column header="Actions" body={
    <div> 
        <Button icon="pi pi-pencil" className="p-button-rounded p-button-text" 
                onClick={(e) => {
                    //How do I obtain the row index here?
                }
            }/>
    </div>
}>                
</Column>

As you can see from the comment, I need to obtain the row index when the user clicks the button, because I want to perform an action on that specific row.

Is it possible? How do I do it?

score 3 · Accepted Answer · answered Dec 10 '21 at 17:04

3

Ok, after tinkering further I found the solution:

<Column header="Actions" body={(data, props) => 
    <div> 
        <Button icon="pi pi-pencil" className="p-button-rounded p-button-text" 
                onClick={(e) => {
                    console.log("row idx: " + props.rowIndex);
                }
            }/>
    </div>
}>                
</Column>

answered Dec 10 '21 at 17:04

Master_T

7,232
11
72
144

How can I select the other data of that row? – John Paulo A. Geronimo Aug 04 '22 at 15:07
1

@JohnPauloA.Geronimo: well, with the row index you can directly access the row of data by querying the same array of data that you passed to the `DataTable`'s `value` property to populate it – Master_T Aug 05 '22 at 17:31

score -1 · Answer 2 · answered Feb 23 '23 at 01:26

-1

PrimeReact: how to obtain row index inside column body?

2 Answers2