Estoy tratando de crear una tabla que obtenga sus valores de un servicio JSON. Quiero crear una fila vacía (o un <tr></tr> vacío) después de las filas 6 y 11, pero no puedo hacerlo. ¿Cómo puedo hacerlo?
{altmanzscoring.titles.map((val, i) => ( <tr> {val.title == "Altman Z' Puan-İmalatçı Firmalar" ? ( <td style={{ color: '#007FB2', fontWeight: 'bold' }}>{val.title}</td> ) : val.title == "Altman Z' Puan-İmalat Harici Firmalar" && i != 13 ? ( <td style={{ color: '#007FB2', fontWeight: 'bold' }}>{val.title}</td> ) : ( <td>{val.title}</td> )} {val.values[0].value == 'Ortalama İflas Riski' ? ( <td style={{ color: '#ebc634' }}>{val.values[0].value}</td> ) : val.values[0].value == 'Düşük İflas Riski' ? ( <td style={{ color: '#47d14c' }}>{val.values[0].value}</td> ) : val.values[0].value == 'Düşük İflas Riski' ? ( <td style={{ color: '#e63c41' }}>{val.values[0].value}</td> ) : ( <td>{val.values[0].value}</td> )} {val.values[1].value == 'Ortalama İflas Riski' ? ( <td style={{ color: '#ebc634' }}>{val.values[1].value}</td> ) : val.values[1].value == 'Düşük İflas Riski' ? ( <td style={{ color: '#47d14c' }}>{val.values[1].value}</td> ) : val.values[1].value == 'Düşük İflas Riski' ? ( <td style={{ color: '#e63c41' }}>{val.values[1].value}</td> ) : ( <td>{val.values[1].value}</td> )} </tr> ))} Nota: i para index.
No agregaría un tr vacío, pero si lo desea, simplemente pruebe el índice y, si el índice es un múltiplo de 5, ese caso genera una fila vacía adicional.
Alternativamente tienes estas opciones:
tr: nth-child(5n) {margin-cotton: 5px} para agregar espacio entre las filas.<tbody> (una para cada grupo) y agregar espacio allí