Javascript 如何在jquery中动态执行行范围分组？

我正在使用JQuery和html。我有一个数据列表。下表显示了building wise学生信息。我想以动态方式在行中同时显示建筑。但我不能这么做

我的问题

我想要像这样的解决方案

请帮我找到解决办法。谢谢。

var数据=
[{
“id”：2，
“建筑名称”：“尤努斯·汗书生园”，
“学生ID”：“151-15-4366”，
“发薪月”：“春天”，
“学生姓名”：“Nahid”，
“semesterType”：“TRI”，
“monthlyFee”：2500，
“semesterTypeBooking”：“TRI”，
“paidAmount”：10500，
“月底”：12，
“开始月”：1，
“注册费”：3000，
“应付”：13000，
“活动”：“真实”
},
{
“id”：2，
“建筑名称”：“尤努斯·汗书生园”，
“学生ID”：“151-15-4852”，
“发薪月”：“夏季”，
“学生姓名”：“Aume”，
“semesterType”：“TRI”，
“monthlyFee”：2500，
“semesterTypeBooking”：“TRI”，
“paidAmount”：3000，
“月底”：12，
“开始月”：12，
“注册费”：3000，
“应付”：13000，
“活动”：“真实”
},
{
“id”：2，
“建筑名称”：“尤努斯·汗书生园”，
“学生ID”：“151-15-5355”，
“工资月”：“秋天”，
“学生姓名”：“阿桑”，
“semesterType”：“BI”，
“monthlyFee”：2500，
“semesterTypeBooking”：“BI”，
“paidAmount”：3000，
“月底”：12，
“开始月”：1，
“注册费”：3000，
“应付”：18000，
“活动”：“真实”
},
{
“id”：1，
“建筑物名称”：“多用途大厅”，
“学生ID”：“151-15-4841”，
“发薪月”：“春天”，
“学生姓名”：“Farhan”，
“semesterType”：“TRI”，
“monthlyFee”：2500，
“semesterTypeBooking”：“TRI”，
“paidAmount”：10500，
“月底”：12，
“开始月”：1，
“注册费”：3000，
“应付”：13000，
“活动”：“真实”
},
{
“id”：1，
“建筑物名称”：“多用途大厅”，
“学生ID”：“151-15-4930”，
“工资月”：“秋天”，
“学生姓名”：“阿雷芬”，
“semesterType”：“BI”，
“monthlyFee”：2500，
“semesterTypeBooking”：“BI”，
“paidAmount”：33000，
“月底”：12，
“开始月”：1，
“注册费”：3000，
“应付”：18000，
“活动”：“真实”
},
{
“id”：3，
“建筑名称”：“女性大厅”，
“学生ID”：“151-15-4564”，
“工资月”：“秋天”，
“学生姓名”：“Rahim”，
“semesterType”：“BI”，
“monthlyFee”：2500，
“semesterTypeBooking”：“BI”，
“paidAmount”：3000，
“月底”：12，
“开始月”：12，
“注册费”：3000，
“应付”：18000，
“活动”：“真实”
}];
函数loadGrid（）{
如果（！jQuery.isEmptyObject（数据））{
$（'#fdDataTable tbody tr'）.remove（）；
var html=“”；
$。每个（数据，函数（i，数据）{
应付风险值=应付数据；
var paidAmount=data.paidAmount；
到期风险值=应付-派达蒙特；
html+=“”；
html+=“”+data.buildingName+“”；
html+=“”+data.studentId+“”；
html+=“”+data.studentName+“”；
html+=“”+应付款+“”；
html+=“”+paidAmount+“”；
html+=“”+到期日+“”；
html+=“”+数据。活动+“”；
});
$（“#fdDataTable tbody”）.append（html）；
}
}
$（文档）.ready（函数（）{
loadGrid（）；
var-topMatchTd；
var previousValue=“”；
var-rowSpan=1；
$（'.build name'）。每个（函数（）{
if（$（this）.text（）==上一个值）
{
rowSpan++；
$（topMatchTd）.attr（'rowspan'，rowspan）；
$（this.remove（）；
}
其他的
{
topMatchTd=$（此项）；
rowSpan=1；
}
previousValue=$（this.text（）；
});
});

建筑物
学生证
学名
应付的
已付金额
由于
忙碌的
您可以将相同的
id
合并到一个数组中，然后添加
行span