Skip to content

Commit

Permalink
update popover | datatabledoc
Browse files Browse the repository at this point in the history
  • Loading branch information
mehmetcetin01140 committed Dec 19, 2024
1 parent 8ffd553 commit 03790e2
Showing 1 changed file with 9 additions and 9 deletions.
18 changes: 9 additions & 9 deletions apps/showcase/doc/popover/datatabledoc.ts
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import { Popover } from 'primeng/popover';
</app-docsectiontext>
<div class="card">
<p-table [value]="products" [tableStyle]="{ 'min-width': '50rem' }" [paginator]="true" [rows]="5">
<ng-template pTemplate="header">
<ng-template #header>
<tr>
<th class="w-1/6">Id</th>
<th class="w-1/6">Code</th>
Expand All @@ -24,7 +24,7 @@ import { Popover } from 'primeng/popover';
<th class="w-1/6">Details</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-product>
<ng-template #body let-product>
<tr>
<td>{{ product.id }}</td>
<td>{{ product.code }}</td>
Expand All @@ -40,7 +40,7 @@ import { Popover } from 'primeng/popover';
</ng-template>
</p-table>
<p-popover #op (onHide)="selectedProduct = null">
<ng-template pTemplate="content">
<ng-template #content>
<div *ngIf="selectedProduct" class="rounded flex flex-col">
<div class="flex justify-center rounded">
<div class="relative mx-auto">
Expand Down Expand Up @@ -101,7 +101,7 @@ export class DataTableDoc implements OnInit {
}
code: Code = {
basic: `<p-table [value]="products" [tableStyle]="{ 'min-width': '50rem' }" [paginator]="true" [rows]="5">
<ng-template pTemplate="header">
<ng-template #header>
<tr>
<th class="w-1/6">Id</th>
<th class="w-1/6">Code</th>
Expand All @@ -111,7 +111,7 @@ export class DataTableDoc implements OnInit {
<th class="w-1/6">Details</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-product>
<ng-template #body let-product>
<tr>
<td>{{ product.id }}</td>
<td>{{ product.code }}</td>
Expand All @@ -131,7 +131,7 @@ export class DataTableDoc implements OnInit {
</ng-template>
</p-table>
<p-popover #op (onHide)="selectedProduct = null">
<ng-template pTemplate="content">
<ng-template #content>
<div *ngIf="selectedProduct" class="rounded flex flex-col">
<div class="flex justify-center rounded">
<div class="relative mx-auto">
Expand Down Expand Up @@ -186,7 +186,7 @@ export class DataTableDoc implements OnInit {

html: `<div class="card">
<p-table [value]="products" [tableStyle]="{ 'min-width': '50rem' }" [paginator]="true" [rows]="5">
<ng-template pTemplate="header">
<ng-template #header>
<tr>
<th class="w-1/6">Id</th>
<th class="w-1/6">Code</th>
Expand All @@ -196,7 +196,7 @@ export class DataTableDoc implements OnInit {
<th class="w-1/6">Details</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-product>
<ng-template #body let-product>
<tr>
<td>{{ product.id }}</td>
<td>{{ product.code }}</td>
Expand All @@ -216,7 +216,7 @@ export class DataTableDoc implements OnInit {
</ng-template>
</p-table>
<p-popover #op (onHide)="selectedProduct = null">
<ng-template pTemplate="content">
<ng-template #content>
<div *ngIf="selectedProduct" class="rounded flex flex-col">
<div class="flex justify-center rounded">
<div class="relative mx-auto">
Expand Down

0 comments on commit 03790e2

Please sign in to comment.