using datatable edit https://www.primefaces.org/primereact/datatable/edit/tried to edit cells.
Columns I have used for datatable are Name,Country,Company and Representative
I have used below codes for trying to achieve cell edit
Code: Select all
const onCellEditChange = (options) => (event) => {
options.editorCallback(event.target.value);
};
const cellEditor = (options) => {
return (
<InputText
value={options.value}
onChange={onCellEditChange(options)}
/>
);
};
const onCellEditComplete = (e) => {
let { rowData, newValue, field, originalEvent: event } = e;
if (newValue.trim().length > 0)
rowData[field] = newValue;
else
event.preventDefault();
};
<Column
..
..
editor={(options) => cellEditor(options)}
onCellEditComplete={onCellEditComplete}
/>