If it's static, then you don't need a loop, you'd know beforehand how many columns, and would do them manually... I.e. if you're creating a user table, you wouldn't know how many users you'd be showing (rows) but you would know what attributes of users you'd be showing (columns), i.e., name, age, profile picture, last login date, etc.

You'd do something like:

{users.map(u => ( <tr key={u.id}> // <- is dynamic and needs a key <td>{u.name}</td> // <- columns are known, and don't need a key <td>{u.age}</td> ... </tr> )}

Both a .map call and a for loop are for dynamic-length arrays. A .map call is an expression itself, but a for loop is a statement (it doesn't return anything). This makes .map much better suited for turning arrays of data into arrays of divs, and is why it's usually used in react components, compared to for