可扩展网格未与父网格对齐

Question

我有一个可扩展的网格，其中子网格使用与父网格相同的标题/列。当我展开网格时，子网格未与父网格对齐。

非常感谢任何建议。

Answer 1

我得到了父网格的每个列宽，因为它已经在页面上呈现。在扩展行时，我已使用父列宽指定子网格的列宽。它运作成功。

row.grid.getColumn（'column1'）。drawnWidth：column1是父网格中列的名称属性。

   $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;
            }