PrimeAreact:如何获取列体内的行索引

Question

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

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

Answer 2

其他解决方案可以是：

<Column className="bodyTemplate" body={(featureFlag: FeatureFlag) => RolesBodyTemplate(featureFlag?.roles)} />

或

<Column className="bodyTemplate" body={userTypesBodyTemplate} />