Datatable custom renderer

[ReapeR]

Is it (or will it be) possible to create a column with a custom template?

So far, i'm able to create a column without a null field, but there's no way to insert an HTML/template on it..

Code: Select all

this.cols = [
      {field: 'vin', header: 'Vin'},
      {field: 'brand', header: 'Brand'},
      {field: 'year', header: 'Year'},
      {field: 'color', header: 'Color'},
      {field: null, header: 'Actions'}
];

Thanks for you help!

[cagatay.civici]

This was left out in 0.5, we'll do it very soon, just trying to come up with a decent solution these days so being worked on and it has high priority.

[ReapeR]

Great, thanks!
Hope we can see it in next release

[cagatay.civici]

I've managed to figure out a way but faced with this exception;

https://github.com/angular/angular/issues/7443

Waiting for angular team's comment.

Idea for DataTable is;

Code: Select all

<p-dataTable [value]="cars">
        <p-column field="vin" [sortable]="true"></p-column>
        <p-column field="brand" [sortable]="true">
            <template #col #rowData="rowData">
                  <span style="font-weight:bold">{{rowData[col.field]}}</span>
            </template>
        </p-column>
         <p-column>
             <template #col #rowData="rowData">
                 <button type="button" (click)="selectRow(rowData)">Edit</button>
             </template>
          </p-column>
</p-dataTable>

So default cell content can be customized using a template element.

Proof of concept worked except this annoying error mentioned above, it only happens in development mode, not in prod mode.

[cagatay.civici]

We've managed to find a solution so this feature will be available in 0.7 next week, here is preview of how it is used via template elements.

[ReapeR]

Perfect! Many thanks!

[cagatay.civici]

Live demo is now available;

http://www.primefaces.org/primeng/#/datatabletemplating