WinPrimetailDatatable

A powerful, reusable Angular 19 DataTable component built with PrimeNG and Tailwind CSS.

Installation

npm install @emertola/win-primetail-datatable
npm install tailwindcss --save-dev

Usage

import { WinPrimetailDatatableComponent } from '@emertola/win-primetail-datatable';

@Component({
  selector: 'app-example',
  imports: [WinPrimeTailDataTable],
  template: `
    <win-primetail-datatable
	  [dataSource]="mockData"
	  [columns]="columns"
	  [showAction]="true"
	  [hasViewAction]="true"
	  [isPaginated]="true"
	  [entityName]="'Test Application'"></win-primetail-datatable>
  `
})
export class ExampleComponent {
  columns: TableColumn[] = [
	{ header: 'Name', field: 'name' },
	{ header: 'Mobile', field: 'mobile' },
	{ header: 'Email', field: 'email' }
  ];

  mockData = [{ id: 1, name: 'John Doe', mobile: '+6390187892', email: '[email protected]' }];
}

Import Styles

// styles.scss
@use './tailwind.css';
@use 'primeicons/primeicons.css';