In-cell editing with dataTable

The dataTable component supports the in-cell editing feature to update values within the table without navigating to another 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 to render output components—one to visualize the data for the user and the other to get input data from the user. The in-place editor palette, which is the <p:rowEditor> component, also needs to be rendered in a column of dataTable in order to activate editing with user interaction. Here's the code that encapsulates the discussion in this paragraph:

<p:dataTable ...

Get PrimeFaces Cookbook - Second Edition 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.