Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

219
Vistas
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 Respuestas
Responde la pregunta

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 Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda