纳克网格无竖线 [英] ng-grid with no vertical bars

问题描述

试图删除列之间竖线在NG-电网。

Trying to remove vertical bars between columns in ng-grid.

我抓住默认rowTemplate，删除分区，并把它放在gridOptions：

I grabbed the default rowTemplate, removed the div, and put it in 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>',

这实际上工作，但我怎么做同样的页眉？

which actually works, but how do I do the same for the header?

有肯定它的一些功能：

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

但我怎么访问它？

but how do I access it?

推荐答案

这样？

        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

这篇关于纳克网格无竖线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！