相同 table 数据行跨度 html css

Question

当我尝试使用这样的数据构建 table 时，我卡住了

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