primeng

问题 I'm developing an angular application, and when I tried to install the latest version of primeng , I'm getting version mismatch error as shown below , I want to use the latest version primeng 5.0.2 for its upgraded features in my Angular 4 project , won't this work ? 回答1: No it won't work because of AOT constraints . From PrimeNG blog : Angular 5 Support PrimeNG 5 fully support Angular 5, if your project is on Angular 4, the PrimeNG version to use would be 4.x as PrimeNG 5 does not work on

问题 I've following PrimeNG Table Here is the StackBlitz demo. https://stackblitz.com/edit/datatablevalidation Only one column "Value" is editable. In "Value" column, I want to add some validation based on the column "Type". I am rendering column value type dynamically <input pInputText [(ngModel)]="rowData[col.field]" type={{rowData.propValueType.toLowerCase()}} class="form-control" /> My biggest challenge is validating the table on the first load because column Type is a new column feature of

问题 I have an Angular2 app using PrimeNG components. I am attempting to make it so that when a field is of a certain value, the row in a DataTable is coloured a particular colour. I have another field which contains a colour value to use for the row highlight but cannot work out how to get it to work. My Model is as follows (very simplified): export class RepackRequest{ AdhereToLeadTime: boolean; LeadTimeRemaining: string; constructor() { var today = new Date(); if(this.AdhereToLeadTime){ var

问题 I use with Primeng datatable when No records found it display a row with message, how can I hide this row? <p-dataTable> <p-column [style]="{'width': '500px'}" header="Artifacts"> <ng-template pTemplate="filter" let-col> <textarea rows="3" cols="30" style="width: 100%" pInputTextarea [(ngModel)]="parametersForAll['Artifacts']" placeholder="Artifacts ..."></textarea> </ng-template> </p-column> </p-dataTable> 回答1: You can disable that with the help of following css .ui-datatable-emptymessage{

问题 I have an angular 2 project that uses primeNG's datatable. I have a list of person which populates the datatable. What I want is to set the minimum value of rows in the datatable. Let's say I want the table to have a minimum of 10 rows. So even if my person list is below 10 I want the table rows to be always set to 10 rows to which all of the remaining rows will be a just blank rows. How can I set that in PrimeNg datatable. Here's my plunkr http://plnkr.co/edit/SPwdr4nYoYJ0z4hIzkUK?p=preview.

问题 I am getting the below error. I recently updated primeng to its latest version after which I got this error. I am not sure what is wrong and trying really hard on the google to find answers as I am new to angular type of programming. I tried the following steps: tried deprecating primeng back to beta17 , but no luck tried importing traceur package, still no luck tried primeng rc1 , no luck Could you please let me know what is the actual issue and how should I go about resolving this?

问题 I want to change the colors of the DataTable but I cant implement my custom css to it. Please help me understand how to do it. I ve read the documentation at PrimeNG website. I did change the thead style using : .ui-datatable .ui-datatable-thead > tr > th {background: red;} but i want to know how to use [styleClass] to implement my custom colors to it. 回答1: Mark !important tag to your custom styles. May be it will works for you. .ui-datatable .ui-datatable-thead > tr > th { background: red

问题 I wanted to make a few changes in primeng Table component. So I extended a custom component from primeng Table . Here's the code of my project : project Here's the code of extended table : import { Component, ElementRef, NgZone } from '@angular/core'; import { CommonModule } from '@angular/common'; import { Table, TableService } from 'primeng/components/table/table'; import { DomHandler } from 'primeng/components/dom/domhandler'; import { ObjectUtils } from 'primeng/components/utils

问题 I am trying to create an angular6 Primeng 6 app in stackblitz. I am using PrimeNg chart in it. Also I want to add use chartjs-plugin-datalabels and chartjs-plugin-funnel . I am able to ChartJs and chartjs-plugin-datalabels but not able to find how to use chartjs-plugin-funnel . Chartjs funnel NPM My Stackbliz URL 回答1: Update: Sorry was away from keyboard when I posted the last link, I am at computer now and had a chance to play with this a bit. This one is a little different from the other

问题 I have example Angular PrimeNG code for creating a Html Table: <h3 class="first">Basic</h3> <p-table [value]="cars"> <ng-template pTemplate="header"> <tr> <th>Vin</th> <th>Year</th> <th>Brand</th> <th>Color</th> </tr> </ng-template> <ng-template pTemplate="body" let-car> <tr> <td>{{car.vin}}</td> <td>{{car.year}}</td> <td>{{car.brand}}</td> <td>{{car.color}}</td> </tr> </ng-template> </p-table> <h3>Dynamic Columns</h3> <p-table [columns]="cols" [value]="cars"> <ng-template pTemplate="header"