Блог

У меня есть расширяемая сетка, в которой дочерняя сетка использует те же заголовки / столбцы, что и родительская сетка. когда я расширяю сетку, дочерняя сетка не выравнивается с родительской сеткой.

Любые предложения приветствуются.

Я получил ширину каждого столбца родительской сетки, поскольку она уже отображена на странице. Во время расширения строки я присвоил ширину столбца дочерней сетки ширине родительского столбца. Это сработало успешно.

row.grid.getColumn(‘column1’).drawnWidth: column1 — это атрибут name столбца в родительской сетке.

    $scope.gridApi.expandable.on.rowExpandedStateChanged($scope,function(row){
                if(row.isExpanded){
                    row.expandedRowHeight = (row.entity.subGridOptions.data.length * 30);
                    row.entity.subGridOptions.columnDefs[0].width = row.grid.getColumn('column1').drawnWidth-1;
                    row.entity.subGridOptions.columnDefs[1].width = row.grid.getColumn('column2').drawnWidth;
                    row.entity.subGridOptions.columnDefs[2].width = row.grid.getColumn('column3').drawnWidth;
                    row.entity.subGridOptions.columnDefs[3].width = row.grid.getColumn('column4').drawnWidth;
                    row.entity.subGridOptions.columnDefs[4].width = row.grid.getColumn('column5').drawnWidth;
                    row.entity.subGridOptions.columnDefs[5].width = row.grid.getColumn('column6').drawnWidth;
                    row.entity.subGridOptions.columnDefs[6].width = row.grid.getColumn('column7').drawnWidth;
                    row.entity.subGridOptions.columnDefs[7].width = row.grid.getColumn('column8').drawnWidth;
                    row.entity.subGridOptions.columnDefs[8].width = row.grid.getColumn('column9').drawnWidth;
                    row.entity.subGridOptions.columnDefs[9].width = row.grid.getColumn('column9').drawnWidth;
                    row.entity.subGridOptions.columnDefs[10].width = row.grid.getColumn('column10').drawnWidth;
                    row.entity.subGridOptions.columnDefs[11].width = row.grid.getColumn('column11').drawnWidth;
            }