1

到目前为止，我已尝试将单元格填充更改为 0，但 ng-grid 希望它为 5 像素。我最初使用以下定义创建了一个名为 test 的 CSS 类

test {
    padding:0;
}

然后我发现 ng-grid 用名为 ngCellText 的类覆盖它，所以覆盖内联 css 的唯一方法是添加重要的

test{
    padding:0 !important;
}

这也不起作用。顺便说一句，我的玉（没有括号 html）（它也有一个小引导程序）看起来像这样

div.test
    div.row-fluid.span12
        div(my ng-grid document)

那么，既然那行不通，我就查看了 cellTemplate。这是它的默认html

<div class="ngCellText ng-scope col0 colt0 (**input test class here**)" 
ng-class="col.colIndex()">
<span ng-cell-text="" class="ng-binding">***0***</span>
</div>

这很好，它摆脱了填充，但正如您所见，“ 0 ”是硬编码的，因为如果来自使用 chrome 的检查元素。我如何能够使用我的 ng-grid 字段来做到这一点？另外，如果您对如何解决此问题有任何其他想法，请随时参与。最好我想让 !important 工作或其他任何东西，因为我设置 ng-grid 的方式是这样我可以把它放进去我网站的不同地方，所以自定义 CSS 是最好的！

4

1 回答 1

1

这可以帮助：

div.ngCellText[class*="col"] {
   padding: 0;
}

但似乎你可以像这样覆盖它：

.ngCellText {padding: 0;}
于 2013-07-24T19:02:26.893 回答