Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.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 聚集多群计数_Javascript_Angularjs_Ag Grid - Fatal编程技术网

Javascript 聚集多群计数

Javascript 聚集多群计数,javascript,angularjs,ag-grid,Javascript,Angularjs,Ag Grid,在AgGrid列场景中,如何显示第一列以获得第二列的计数 在下面的一个例子中,美国在其中显示了(1109)行,但我想显示(7),其中的年份数。 因此,它应该显示美国(7)。如何实现这一点 似乎在组设置中定义自定义的innerRenderer可能是正确的解决方案 将autoGroupColumnDef属性添加到gridOptions中,作为自动分组列使用的配置 定义将处理计数显示的customInnerRenderer var gridOptions = { autoGroupColumn

在AgGrid列场景中,如何显示第一列以获得第二列的计数

在下面的一个例子中,美国在其中显示了(1109)行,但我想显示(7),其中的年份数。 因此,它应该显示美国(7)。如何实现这一点


似乎在组设置中定义自定义的
innerRenderer
可能是正确的解决方案

  • autoGroupColumnDef
    属性添加到
    gridOptions
    中,作为自动分组列使用的配置
  • 定义将处理计数显示的
    customInnerRenderer
  • var gridOptions = {
        autoGroupColumnDef: {
            width: 200,
            headerName: 'Group', //header name of the group
            cellRenderer: 'agGroupCellRenderer', //default cell renderer for groupings
            // provide extra params to the cellRenderer
            cellRendererParams: {
                suppressCount: true, // turn off the row count (in order to skip default stack counting)
                innerRenderer: customInnerRenderer, //our inner renderer in charge of child nodes counting
            }
        },
        //other settings
        columnDefs: columnDefs,
        animateRows: true,
        enableRangeSelection: true,
        rowData: null
    };
    
    
    function customInnerRenderer(params){
        //this verification is necessary, otherwise the grid will brake down
        //when last level without grouping will be reached (if exists)
        if (params.node.group) {
            var label = params.value ? params.value : '-';
            return label + ' (' + params.node.childrenAfterFilter.length  + ')';
        }
    }