DataTable displays data in a tabular format. The table is an arrangement of data in rows and columns, or possibly in a more complex structure. It requires a value as an array of objects bound through the value property and columns defined with the p-column component. A basic example of the component with browser details to display in the list format would be written as follows:
<p-dataTable [value]="browsers">
<p-column field="engine" header="Engine"></p-column>
<p-column field="browser" header="Browser"></p-column>
<p-column field="platform" header="Platform"></p-column>
<p-column field="grade" header="Grade"></p-column>
</p-dataTable>
The browsers array consists of objects with engine, browser, platform, and grade properties. The field property will map the model object property, whereas the header property is...
