Ng网格摆脱了细胞填充

时间:2013-07-24 18:30:26

标签: css cell margin padding ng-grid

到目前为止,我已尝试将单元格填充更改为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字段完成此操作?此外,如果您对如何解决此问题有任何其他想法,请随意投球。最好我想得到!重要的工作或其他任何事情,因为我设置ng-grid的方式是我可以把它放进去我网站的不同地方所以定制css最好!

1 个答案:

答案 0 :(得分:1)

这可以提供帮助:

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

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

.ngCellText {padding: 0;}