Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 仅将Ag网格上的某些行分组_Javascript_Vue.js_Ag Grid - Fatal编程技术网

Javascript 仅将Ag网格上的某些行分组

Javascript 仅将Ag网格上的某些行分组,javascript,vue.js,ag-grid,Javascript,Vue.js,Ag Grid,我正在研究使用Ag网格进行行分组,并在我的项目中通过主版本对艺术作品进行分组,子元素为版本。问题是有些艺术作品不是大师版,也不是版本。他们只是他们自己的作品,而不是一组的一部分 现在Ag Grid为每一件艺术作品创建了一个组。所以,正常类型的作品有一个正常的组,等等。我只想对标准版作品进行分组。有没有合适的方法 我目前的想法是创建一个自定义单元格渲染器,该渲染器仅在params.node.group=true时渲染HTML。虽然这感觉很粗糙,但我想知道是否有更好的解决方案。根据我对您问题的理解,

我正在研究使用Ag网格进行行分组,并在我的项目中通过主版本对艺术作品进行分组,子元素为版本。问题是有些艺术作品不是大师版,也不是版本。他们只是他们自己的作品,而不是一组的一部分

现在Ag Grid为每一件艺术作品创建了一个组。所以,正常类型的作品有一个正常的组,等等。我只想对标准版作品进行分组。有没有合适的方法


我目前的想法是创建一个自定义单元格渲染器,该渲染器仅在params.node.group=true时渲染HTML。虽然这感觉很粗糙,但我想知道是否有更好的解决方案。

根据我对您问题的理解,树状视图可以帮助您:

通过在gridOptions中的getDataPath回调中动态创建树路径,可以完成这种不对称分组

getDataPath: function(data) {
    return data.type === "master edition" ? ["master edition", data.name]: [data.name];
}

Plunker:

最终使用了主/细节功能,并嵌入了一个新网格。效果很好,我可以更灵活地对子元素进行进一步的排序/过滤,这非常好。我会把你作为答案,因为树状视图可能也会起作用。谢谢