same table data rowspan html css

Question

i got stuck when im try to build a table with data like this

export const arr = [
{no : '1',
name: 'george',
fruit: 'orange'},
{no : '2',
name: 'jason',
fruit: 'orange'},
{no : '3',
name: 'david',
fruit: 'apple'},]

i want to rowspan when the data same with data index -1

import arr from './constant'

<table>
<tr>
<th>no</th>
<th>name</th>
<th>fruit</th>
</tr>
{arr.map((el)=>(
<tr>
<td>{el.no}</td>
<td>{el.name}</td>
<td rowspan={?????????}>{el.fruit}</td>
</tr>
))}
</table>

score 1 · Accepted Answer · answered Jan 26 '22 at 12:36

1

Are you using vanilla JavaScript? I made the code in react.js. You can check here

answered Jan 26 '22 at 12:36

joa

51
6

this is so helping me! thank you. im using react.js too – Dicka Reynaldi Jan 27 '22 at 02:44
hey, can you solve this? please help me. https://stackoverflow.com/questions/70872995/html-table-rowspan-in-reactjs – Dicka Reynaldi Jan 27 '22 at 03:32
@DickaReynaldi, please accept my answer if I helped you. I will provide the solution for next question. Thanks. – joa Jan 27 '22 at 18:36
i already accept your answer. thank you in advance if you want to help me for the next question. – Dicka Reynaldi Jan 28 '22 at 01:24
thanks a lot. I pushed my answer for next question. please check that question. – joa Jan 28 '22 at 02:20

same table data rowspan html css

1 Answers1