使用cellClass后,ng-grid行边框变为不可见

时间:2014-04-28 06:56:29

标签: javascript css angularjs row ng-grid

当我使用cellClass并为整列着色时,行边框变得不可见。这是掠夺者。 http://plnkr.co/edit/4IeQQBTIe8sgHVEBUTAp?p=preview。可以有人帮助我。

2 个答案:

答案 0 :(得分:2)

只需添加以下内容:

.ngCellText{
   border: 1px solid rgb(212,212,212);
}

到你上次加载的样式表。

此分叉Plunker

中的

style.css

答案 1 :(得分:1)

再说一次,我必须首先说,我这里没有CSS专业版,但我认为问题是'是由包含的angular-ui样式表引起的。

他们可能有他们的理由,但这是造成缺失边界的原因: class .ngCellText添加了5px的填充,推动底部边框不可见。

附上截图以便更好地理解: enter image description here

我建议调查angular-ui文档,看看他们如何推荐将它用于类似的用例,但作为quickfix尝试减少填充:

enter image description here

在这里可能还有一个关于边境崩溃的教训......但正如我所说的那样,没有css pro,而且我懒得去查找:P

希望这有点帮助,有点