primeng-turbotable

How to use filter in primeng turbotable with lazy load?

由 戏子无情 提交于 2020-02-27 08:34:15
问题 I'm using TurboTable of PrimeNG with lazy load option to display data from DB. This works perfect. Now, I need to add few filters to the request that is sending to the server. How to do that ? Here the code that works : <p-table [columns]="cols" [value]="persons" [paginator]="true" [rows]="10" [lazy]="true" (onLazyLoad)="loadPersonsLazy($event)" [totalRecords]="totalRecords" [loading]="loading"> <ng-template pTemplate="header" let-columns> <tr> <th *ngFor="let col of columns"> {{col.header}}

How to use filter in primeng turbotable with lazy load?

由 徘徊边缘 提交于 2020-02-27 08:34:04
问题 I'm using TurboTable of PrimeNG with lazy load option to display data from DB. This works perfect. Now, I need to add few filters to the request that is sending to the server. How to do that ? Here the code that works : <p-table [columns]="cols" [value]="persons" [paginator]="true" [rows]="10" [lazy]="true" (onLazyLoad)="loadPersonsLazy($event)" [totalRecords]="totalRecords" [loading]="loading"> <ng-template pTemplate="header" let-columns> <tr> <th *ngFor="let col of columns"> {{col.header}}

PrimeNG Turbotable expand by default

由 ε祈祈猫儿з 提交于 2019-12-23 06:50:54
问题 I have a PrimeNg turbotable with row expansion feature. How can I expand the rows by default. Here is my Code : HTML <p-table [columns]="cols" [value]="cars" dataKey="vin"> <ng-template pTemplate="header" let-columns> <tr> <th style="width: 2.25em"></th> <th *ngFor="let col of columns"> {{col.header}} </th> </tr> </ng-template> <ng-template pTemplate="body" let-rowData let-expanded="expanded" let-columns="columns"> <tr> <td> <a href="#" [pRowToggler]="rowData"> <i [ngClass]="expanded ? 'fa fa

Angular PrimeNG table set up pipe per column using cols array

由 送分小仙女□ 提交于 2019-12-13 11:51:49
问题 I am trying to learn angular with PrimeNG. Here is the link https://primefaces.org/primeng/#/table. Is it possible to also include the pipe for each column using the pipe array? In the cols array, I would like to add another field like this. this.cols = [ { field: 'vin', header: 'Vin', type: 'date' }, { field: 'year', header: 'Year', type: 'number' }, { field: 'brand', header: 'Brand', type: 'number' }, { field: 'color', header: 'Color'} ]; And then in the template, I would use it like this

PrimeNG filter dropdown issue in scrollable turbo table

由 岁酱吖の 提交于 2019-12-11 02:47:33
问题 In prime-ng turbo table , when we put filter dropdown in scrollable table dropdown going inside the table Without scrollbale table dropdown works perfect. This works perfect but when scrollable table , dropdown is going inside the table Not works perfect. so I want to do dropdown outside the table not inside the table. This is a link https://primeng-table-bry1sl.stackblitz.io/ to see the code. Please see in 1024 resolution so you can see the scroll in the table and select one of the brand to

PrimeNG <p-table> and <p-calendar> icon's not showing after Refresh in Internate Explorer (IE7,11)

由 一曲冷凌霜 提交于 2019-12-07 13:42:04
问题 PrimeNG and icon's not showing after Refresh in Internate Explorer (IE7,11) almost all IE Browser Versions. But in local it is working fine while I am using same IE. But in Production environment I am getting this error as you can seen in given below image : Image Might not show as some restriction but the icon in Table like before refers << < 1 2 3 4 5 > >> after refresh 1 2 3 4 5 same thing happens with PrimeNG there icone is gone too 回答1: i have got some Solution which is working fine as

PrimeNG <p-table> and <p-calendar> icon's not showing after Refresh in Internate Explorer (IE7,11)

由 吃可爱长大的小学妹 提交于 2019-12-05 18:50:15
PrimeNG and icon's not showing after Refresh in Internate Explorer (IE7,11) almost all IE Browser Versions. But in local it is working fine while I am using same IE. But in Production environment I am getting this error as you can seen in given below image : Image Might not show as some restriction but the icon in Table like before refers << < 1 2 3 4 5 > >> after refresh 1 2 3 4 5 same thing happens with PrimeNG there icone is gone too i have got some Solution which is working fine as it is some compatibility issue with IE browsers in index.html: in Head tag we have to add given below meta

How to use filter in primeng turbotable with lazy load?

由 筅森魡賤 提交于 2019-12-04 14:09:19
I'm using TurboTable of PrimeNG with lazy load option to display data from DB. This works perfect. Now, I need to add few filters to the request that is sending to the server. How to do that ? Here the code that works : <p-table [columns]="cols" [value]="persons" [paginator]="true" [rows]="10" [lazy]="true" (onLazyLoad)="loadPersonsLazy($event)" [totalRecords]="totalRecords" [loading]="loading"> <ng-template pTemplate="header" let-columns> <tr> <th *ngFor="let col of columns"> {{col.header}} </th> </tr> </ng-template> <ng-template pTemplate="body" let-rowData let-columns="columns"> <tr> <td
订阅 primeng-turbotable