f.spilla/nx-primeng-sakai-v17
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update filter menu table & icons

Browse Source
This commit is contained in:
Çetin 2021-12-21 10:14:39 +03:00
parent bc08999a0a
commit cb2ea219d4
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/demo/view/iconsdemo.component.html
View File

@ -49,7 +49,7 @@ npm install primeicons --save
</div> </div>
<div class="grid icons-list"> <div class="grid icons-list">
<div class="md:col-2 sm:col-12 md-2" *ngFor="let icon of filteredIcons"> <div class="col-12 md:col-2" *ngFor="let icon of filteredIcons">
<i class="pi pi-{{icon.properties.name}}"></i> <i class="pi pi-{{icon.properties.name}}"></i>
<div>pi-{{icon.properties.name}}</div> <div>pi-{{icon.properties.name}}</div>
</div> </div>

10
src/app/demo/view/tabledemo.component.html
View File

@ -2,13 +2,13 @@
<div class="col-12"> <div class="col-12">
<div class="card"> <div class="card">
<h5>Filter Menu</h5> <h5>Filter Menu</h5>
<p-table #dt1 [value]="customers1" dataKey="id" [rows]="10" [showCurrentPageReport]="true" [loading]="loading" styleClass="p-datatable-gridlines" [paginator]="true" [globalFilterFields]="['name','country.name','representative.name','status']" responsiveLayout="scroll"> <p-table #dt1 [value]="customers1" dataKey="id" [rows]="10" [loading]="loading" styleClass="p-datatable-gridlines" [paginator]="true" [globalFilterFields]="['name','country.name','representative.name','status']" responsiveLayout="scroll">
<ng-template pTemplate="caption"> <ng-template pTemplate="caption">
<div class="flex"> <div class="flex justify-content-between flex-column sm:flex-row">
<button pButton label="Clear" class="p-button-outlined" icon="pi pi-filter-slash" (click)="clear(dt1)"></button> <button pButton label="Clear" class="p-button-outlined mb-2" icon="pi pi-filter-slash" (click)="clear(dt1)"></button>
<span class="p-input-icon-left ml-auto"> <span class="p-input-icon-left mb-2">
<i class="pi pi-search"></i> <i class="pi pi-search"></i>
<input pInputText type="text" #filter (input)="dt1.filterGlobal($event.target.value, 'contains')" placeholder="Search keyword" /> <input pInputText type="text" #filter (input)="dt1.filterGlobal($event.target.value, 'contains')" placeholder="Search keyword" class="w-full"/>
</span> </span>
</div> </div>
</ng-template> </ng-template>

6
src/styles.scss
View File

@ -161,9 +161,9 @@
} }
} }
.p-datatable .p-column-filter { // .p-datatable .p-column-filter {
display: none; // display: none;
} // }
.table-header { .table-header {
font-size: 1.25rem; font-size: 1.25rem;