Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

211
Views
Icono de visualización en el componente <p-table> en angular (primeng-table)

Tengo una funcionalidad para implementar en la que obtengo datos de una API y los uso para mostrarlos en un , ahora mi requisito es mostrar un valor de marca en una de las columnas para las cuales la fila correspondiente contiene un valor booleano para ex. una fila tiene 6 columnas y una de ellas es un valor booleano, por lo que debo mostrar una marca en la columna si el valor es verdadero y nada si no lo es. Espero que entiendas la pregunta.

Tengo un componente compartido llamado standardTable.component.ts al que paso datos como colDef, rowData y otros datos configurables. el componente que actualmente estoy haciendo cambios se llama job-list-view.component.ts y la definición de la columna se muestra a continuación

 this.cols = [ { field: 'jobSegment', header: 'Service No', isBoolean: false, callback: this.navigateToJobDetails }, { field: 'serviceName', header: 'Service' }, { field: 'status', header: 'Status', isBoolean: false }, { field: 'jobDateSpecial', header: 'Service Date', isBoolean: false, dateOnly: true }, { field: 'orderDate', header: 'Order Date', isBoolean: false , dateOnly: true }, { field: 'dueDate', header: 'Due Date', isBoolean: false, dateOnly: true}, { field: 'witnessNames', header: 'Witness(es)', isBoolean: false, isArray: true }, { field: 'jobPriority', header: 'Priority', isHtml: true }, { field: 'lastInvoiceDate', header: 'Last Invoice Date', callback: this.navigateToPayTab, dateOnly: true }, { field: 'workOrderOrderedByClient', header: 'Hiring Company', isBoolean: false }, { field: 'workOrderOrderedByContact', header: 'Hiring Contact', isBoolean: false }, { field: 'witnessStartTimeWithTimeZone', header: 'Time', isBoolean: false }, { field: 'caseName', header: 'Case Name', isBoolean: false}, { field: 'isBackOrder', header:'Back Order'} ];

He agregado la definición de la última columna para Back Order porque quiero mostrar una marca de verificación para aquellos valores o filas que tienen isBackOrder como verdadero. ¿Hay alguna manera de que pueda lograr esto? y dado que la tabla estándar es un componente compartido, no puedo hacer muchos cambios en eso. ¡Cualquier ayuda sería apreciada!

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Así que fue bastante simple, no sé cómo me lo perdí, solo tiene que pasar los datos como un valor booleano y luego, en la definición de la columna, simplemente agregue isBoolean:true y la tabla p marcará automáticamente donde sea que esté el valor. verdadero y en blanco si es falso.

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!