使用 cellClass 后，ng-grid 行边框变得不可见答案

【问题标题】：ng-grid row border becomes invisible after using cellClass使用 cellClass 后，ng-grid 行边框变得不可见
【发布时间】：2014-04-28 06:56:29
【问题描述】：

当我使用 cellClass 并为整个列着色时，行边框变得不可见。这是笨蛋。 http://plnkr.co/edit/4IeQQBTIe8sgHVEBUTAp?p=preview .谁能帮帮我。

【问题讨论】：

【解决方案1】：

只需添加如下内容：

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

到您上次加载的样式表。

style.css 在这个分叉的Plunker

【讨论】：

【解决方案2】：

再次，我必须先说，我在这里不是 CSS 专业人士，但我认为“问题”是由包含的 angular-ui 样式表引起的。

他们可能有他们的原因，但这是导致缺少边框的原因： .ngCellText 类添加了 5px 的填充，将底部边框推到了视线之外。

附上截图方便理解：

我建议查看 angular-ui 文档，看看他们如何推荐将其用于类似的用例，但作为快速修复尝试减少填充：

这里可能还需要学习关于边框折叠的课程....但正如我所说的我不是 css 专业人士，我懒得去查找它：P

希望对你有所帮助

【讨论】：