Javascript 合并每个组具有最后一个值的列

我试图将日期列和当前状态列合并，使它们的值等于各自分组中最后一个单元格的值。我对数据表和行分组了解不够，无法用JavaScript实现这一点。只需使用colspan调整列并将值设置为最后一行，就可以在不考虑分组的情况下更改整个列的值

var Rowgroup=function（）{
var initTable=函数（）{
变量表=$（“#表”）；
table.DataTable({
回答：是的，
订单：[
[0，'asc']
],
行组：{
dataSrc:0，
}
});
};
返回{
init:function（）{
initTable（）；
},
};
}();
jQuery（文档）.ready（函数（）{
Rowgroup.init（）；
});

身份证件
日期
笔记
现状
808
5/1/2018
同侧脐静脉。
活跃的
808
5/1/2018
内特斯·布兰迪特·安特·费利斯。
活跃的
808
5/1/2018
韦尔弗斯侵权人。
不活跃的
698
5/15/2018
每座康茂多。
不活跃的
698
5/15/2018
亨德雷特：这是饮食。
不活跃的
698
5/15/2018
奥古斯·菲塞勒斯班。
活跃的
698
5/15/2018
下注aliquet。
活跃的
我明白了您的意思，您需要在每个组标题中添加组内最后一行的特定文本（日期和状态）

如果这是你一直在追求的，你可以：


获取每个组中的所有最后一行作为组行标题的前一个相邻同级（具有默认类“dtrg group”）、加上表的最后一行（对于最后一个组）：


迭代这些行，从第2列和第4列（分别为索引1和索引3）中提取
date
和
status
：


将这些附加到前面的组行标题：

该方法的完整现场演示可以在下面找到：


const table=$（'#table'）.DataTable({
回答：是的，
行组：{dataSrc:0}
});
const groupBottomRows=$（'.dtrg group'）.prev（）.add（'tbody tr:last'）；
$.each（groupBottomRows，function（）{
const[date，status]=$（this.find（'td:eq（1），td:eq（3）'））.toArray（）.map（td=>$（td.text（））；
const groupHeader=$（this.prevAll（'.dtrg group'）.first（）.find（'td'）；
$（groupHeader.text（$（groupHeader.text（）+`:${date}，${status}'）；
});
IDDateNotesCurrent status 8085/1/2018Lorem ipsum ut porta.Active8085/1/2018Netus blandit ante felis.Active8085/1/2018Vel fusce tortor.Inactive6985/15/2018Per sit commodo.Inactive6985/15/2018endrerit imperdiet.Inactive6985/15/2018Class augue phasellus.Active6985/15/2018Ante aliquet.Active
我明白你的意思了，您需要将组中最后一行的某些文本（日期和状态）附加到每个组标题

如果这是你一直在追求的，你可以：


获取每个组中的所有最后一行作为组行标题的前一个相邻同级（具有默认类“dtrg group”）、加上表的最后一行（对于最后一个组）：


迭代这些行，从第2列和第4列（分别为索引1和索引3）中提取
date
和
status
：


将这些附加到前面的组行标题：

该方法的完整现场演示可以在下面找到：


const table=$（'#table'）.DataTable({
回答：是的，
行组：{dataSrc:0}
});
const groupBottomRows=$（'.dtrg group'）.prev（）.add（'tbody tr:last'）；
$.each（groupBottomRows，function（）{
const[date，status]=$（this.find（'td:eq（1），td:eq（3）'））.toArray（）.map（td=>$（td.text（））；
const groupHeader=$（this.prevAll（'.dtrg group'）.first（）.find（'td'）；
$（groupHeader.text（$（groupHeader.text（）+`:${date}，${status}'）；
});
IDDateNotesCurrent status 8085/1/2018Lorem ipsum ut porta.Active8085/1/2018Netus blandit ante felis.Active8085/1/2018Vel fusce tortor.Inactive6985/15/2018Per sit commodo.Inactive6985/15/2018endrerit imperdiet.Inactive6985/15/2018Class augue phasellus.Active6985/15/2018Ante aliquet.Active
今天早上我有机会测试它。这是一个巨大的帮助！今天早上我有机会测试一下。这是一个巨大的帮助！
const groupBottomRows = $('.dtrg-group').prev().add('tbody tr:last');

const [date, status] = $(this).find('td:eq(1),td:eq(3)').toArray().map(td => $(td).text());

const groupHeader = $(this).prevAll('.dtrg-group').first().find('td');
$(groupHeader).text($(groupHeader).text() + `: ${date}, ${status}`);