Question

0

213

Views

How to count a map loop?

I want to make bolder the first loop of my table and the rest of them will be normal size. I want to count the map loop and check if it is 1, I will make style={{fontWeight:'bold'}} in <td> tag. How can I do that?

mycode

<table>
  ...
  {categories.map((val) => (
    <tr>
      <td>{val.name}</td>
      <td>{val.formula}</td>
      <td>{val.values[0].value.toLocaleString()}</td>
      <td>{val.values[1].value.toLocaleString()}</td>
      <td>{val.description}</td>
    </tr>
  ))}
</table>

about 4 years ago · Juan Pablo Isaza

2 answers

Answer question

0

Try this in css.

tr:first-child {
      fontWeight:'bold';
    }

about 4 years ago · Juan Pablo Isaza Report

0

Answer question

Find remote jobs

Accepted Answer · 2022-07-11T11:41:09.389Z

The second argument to map function is the index, you can use that to check the condition.

{categories.map( (val, index) => {
    if(index == 0)
       return ....
    else return ....
  }
)}

0

213

How to count a map loop?

2 answers

0

0

Find remote jobs

Andres GPT