PrimeReact：如何获取列体内的行索引？

Question

我有一个 primereact DataTable，其中有一列包含这样的按钮：

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

正如您从评论中看到的那样，我需要在用户单击按钮时获取行索引，因为我想对该特定行执行操作。

可能吗？我该怎么做？

Answer 1

好的，经过进一步修补我找到了解决方案：

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

PrimeReact：如何获取列体内的行索引？

PrimeReact: how to obtain row index inside column body?

jsx

reactjs

primereact