Question

尝试删除ng-grid中列之间的垂直条。

我抓住了默认的rowTemplate，删除了div，并将其放在gridOptions：

中

rowTemplate: '<div ng-style="{ \'cursor\': row.cursor }" ng-repeat="col in renderedColumns" ng-class="col.colIndex()" class="ngCell {{col.cellClass}}"><div ng-cell></div></div>',

实际上有效，但我如何为标题做同样的事情？

肯定有一些功能：

<div class="ngVerticalBar ngVerticalBarVisible" ng-style="{height: col.headerRowHeight}" ng-class="{ ngVerticalBarVisible: !$last }" style="height: 30px;">&nbsp;</div>

但我如何访问它？

Answer 1

您可以在自定义css文件中添加以下代码：

.ngVerticalBar 
{
    width: 0px;
}

即。在最新版本的ui-grid（ng-grid）中，代码应为：

.ui-grid-cell 
{
    border-right: 0px;
}

Answer 2

像这样？

        headerRowTemplate: '<div ng-style="{ height: col.headerRowHeight }" ng-repeat="col in renderedColumns" ng-class="col.colIndex()" class="ngHeaderCell"><div ng-header-cell></div></div>',

Plunker

ng-grid没有垂直条

2 个答案: