Question

我试图将分组功能添加到ng网格并且工作正常。但问题是，当我展开组行（箭头图标）时，它会混乱css样式，箭头图标和行内容之间存在很多差距。所以它会浪费很多空间。我试图克服这个问题，但无法找到任何解决方案。请告诉我如何解决这个问题。

（注意：我在gridOptions中找出了gap = rowHeight。因为我已为网格设置了高度）

$scope.gridOptions = {
data: 'restData',
rowHeight: 245,
enablePinning: true,
columnDefs: [{
  field: 'testPlan',
  displayName: '',
  cellTemplate: template
}

Sample code in plunker

Answer 1

我能够弄明白是什么原因.Becasue默认行高是30px，根据该值他们组织CSS。所以我必须从CSS中删除.ngAggregate属性并修改以下CSS属性根据我的要求。

.ngAggArrowExpanded {
    position: relative;
    left: -10px;
    top: -14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 9px 9px;
    border-color: transparent transparent #000 transparent
}
.ngAggArrowCollapsed {
    position: relative;
    left: -10px;
    top: -14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8.7px;
    border-color: transparent transparent transparent #000
}

当在angularJs中使用单元格模板时，Ng网格行位置在分组中更改

1 个答案: