I'm using datatable and one of my column has a customer template with a splitbutton inside it.
Code: Select all
<p-dataTable [value]="weekdata" [responsive]="true" [rows]="10" [paginator]="true">
<p-column header="Title" field="wee_title"></p-column>
<p-column header="Start Date" field="wee_startdate"></p-column>
<p-column header="End Date" field="wee_enddate"></p-column>
<p-column header="Number" field="wee_number"></p-column>
<p-column header="Action" [style]="{'width':'154px','overflow':'visible'}" field="wee_id">
<template let-item="rowData" pTemplate="body">
<p-splitButton label="Edit" icon="fa-check" (onClick)="save()" [model]="items"></p-splitButton>
</template>
</p-column>
</p-dataTable>
Code: Select all
ngOnInit() {
this.items = [
{label: 'Copy', icon: 'fa-refresh', command: (event) => {
console.log(event);
this.copy();
}},
{label: 'Delete', icon: 'fa-close', command: (event) => {
this.delete();
}}
];
this.getweekData();
}