如何在按日期、时间分组的datagrid分组行中添加新增条目按钮

需求可实现，主流datagrid库均支持自定义分组行嵌入按钮 #

几乎所有具备分组功能的datagrid库都开放了分组行的自定义渲染能力，你要的在分组行加Add按钮的效果可以直接实现，下面是常见库的实现思路：

• AG Grid：通过groupRowInnerRenderer配置自定义分组行渲染逻辑，插入按钮后可以直接在点击事件中拿到当前分组的字段值（比如对应的Date、Time），向数据集插入带对应字段值的新记录后，表格会自动将其归入对应分组。
• DevExtreme DataGrid：配置groupTemplate自定义分组行内容，点击按钮后调用addRow方法时预先填充分组字段值，即可直接新增到目标分组。
• Ant Design 可分组表格：通过分组标题的插槽直接插入按钮，逻辑同上。

备选优化方案 #

如果受限于当前使用的库确实无法自定义分组行，你提到的两个workaround可以做优化降低体验损耗：

• 针对「外部按钮+选中行」方案：不需要用户手动选中分组内的行，给分组行绑定点击事件，用户点击任意分组区域就自动识别当前分组，外部新增按钮直接绑定该分组，操作步骤和你要的分组行加按钮完全一致。
• 针对「每行加Add按钮」方案：可以默认隐藏该列按钮，只有鼠标hover到对应分组的行时才显示按钮，减少视觉干扰。

选型建议 #

如果你还在选型阶段，优先推荐AG Grid，它的分组相关能力是开源datagrid库中最完善的，自定义灵活度高，完全覆盖你当前的需求；如果项目可以接受付费License，DevExtreme的封装度更高，少量代码即可实现该功能，配套的其他组件也很齐全。

内容的提问来源于stack exchange，提问作者dharmatech