Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

221
Visualizações
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 Respostas
Responde à pergunta

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 Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda