You can try this and change the style as you see fits.
import React from 'react'
export default function Calendario() {
const lines = Array.from(Array(5).keys());
const columns = Array.from(Array(7).keys());
return(
<div>
<table>
<tbody>
{lines.map((linha, idx) => (
<tr key={linha}>
{columns.map((coluna) => (
<td style={ idx === 1 ? {backgroundColor: "blue"} : {null}}
key={coluna}
>test</td>
))}
</tr>
))}
</tbody>
</table>
</div>
);
}
EDITED :
Well to handle many colums you can use TypedArray.prototype.includes() method.
import React from 'react'
export default function Calendario() {
const lines = Array.from(Array(5).keys());
const columns = Array.from(Array(7).keys());
const columnsNum = [1, 2, 5];
return(
<div>
<table>
<tbody>
{lines.map((linha, idx) => (
<tr key={linha}>
{columns.map((coluna) => (
<td style={ columnsNum.includes(idx) ? {backgroundColor: "blue"} : {null}}
key={coluna}
>test</td>
))}
</tr>
))}
</tbody>
</table>
</div>
);
}
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…