javascript - 相同的表数据 rowspan html css

Question

当我尝试用这样的数据构建一个表时我卡住了

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

当数据与数据索引 -1 相同时，我想进行 rowspan

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>

Answer 1

您使用的是原生 JavaScript 吗？我在 react.js 中编写了代码。你可以查看here