AgGrid透视组选择未选中子行,如何配置实现全组选中?
AgGrid透视表组选择配置方案
要解决透视表中点击组头复选框无法选中子行的问题,只需通过以下关键配置实现组选择关联子项:
开启多行选择模式
在gridOptions中设置rowSelection: 'multiple',允许同时选中多行。分组列启用复选框并关联子项
在你的项目名称分组列定义中,添加两个核心属性:checkboxSelection: true:让组头显示复选框groupSelectsChildren: true:点击组头复选框时自动选中该组下所有子行
透视模式适配(可选)
如果使用了透视模式(pivotMode: true),可额外配置groupSelectsFiltered: true,确保选中组时包含经过过滤的子行;若不需要通过点击行本身触发选中,可设置suppressRowClickSelection: true避免冲突。
完整配置示例
const gridOptions = { pivotMode: true, // 透视表模式开关 rowSelection: 'multiple', suppressRowClickSelection: true, columnDefs: [ { field: 'projectName', rowGroup: true, // 标记为分组列 checkboxSelection: true, groupSelectsChildren: true, groupSelectsFiltered: true // 可选:包含过滤后的子行 }, // 其他透视列/值列示例 { field: 'amount', aggFunc: 'sum', pivot: true } ] };
配置完成后,点击项目名称旁的组头复选框,调用gridApi.getSelectedRows()就能获取到该组下所有子行数据,不会再返回空数组。
内容的提问来源于stack exchange,提问作者Ondřej Ševčík
相关产品推荐
相关产品推荐

