By default, the component's content will be in read-only mode (that is, we can't edit the content). An UI will be more interactive with the cell editing feature. The cell editing feature is enabled just by setting the editable property on both table and column levels. When a cell is clicked on, the edit mode will be activated. Clicking on the outside of a cell or hitting the Enter key switches back to the view mode after updating the value. The cell editing feature would be written as follows:
<p-dataTable [value]="browsers" [editable]="true">
<p-column field="browser" header="Browser" [editable]="true">
</p-column>
<p-column field="platfrom" header="Platform" [editable]="false">
</p-column>
<p-column field="engine" header="Engine" [editable]="true">
<ng-template let-col let-browser="rowData...
