Vue实现数据表格合并列rowspan效果

2020-06-14 06:28:05易采站长站整理

</td>
<td>{{m.name}}</td>
<td>{{m.score}}</td>
</tr>
</template>
</tbody>
</table>
</div>
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
<script>
var vm = new Vue({
el: "#app",
data: {
students: [
{
name: '张三',
courses: [
{
name: '语文',
score: '100'
},
{
name: '数学',
score: '90'
},
{
name: '英语',
score: '80'
}
] },
{
name: '李四',
courses: [
{
name: '语文',
score: '100'
},
{
name: '数学',
score: '90'
}
] }
] }
});
</script>
</body>

</html>

效果: