In-cell editing with dataTable

The dataTable component supports the in-cell editing feature for updating values within the table without navigating to another detail page.

How to do it...

In order to enable editing, first we need to set the editable attribute of the table to true. Each column definition that we need to be editable should contain the p:cellEditor helper component that will contain two facets for rendering output components; one for visualizing the data and input components, and the other for getting input data from the user. The in-place editor palette, which is the p:rowEditor component, also needs to be rendered as a column in order to activate editing.

<p:dataTable id="inCellEditing" var="car" value="#{dataTableController.cars}" ...

Get PrimeFaces Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.