Ng-grid擺脫單元格填充

到目前爲止，我試圖將單元格填充改爲0，但是ng-grid希望它是5個像素。我原來做了一個CSS類名爲test，定義如下Ng-grid擺脫單元格填充

test { 
    padding:0; 
}

後來我想通了，NG-電網與所謂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>

這是偉大的，它擺脫了填充的，但你可以看到「」是因爲這一點，如果從檢查單元採用鍍鉻硬編碼。我將如何使用我的ng-grid字段來做到這一點？此外，如果您對如何解決此問題有任何其他想法，請隨時與我聯繫。最好我想獲得！重要的工作或其他任何東西，因爲我已經設置了ng-grid的方式，所以我可以將它放入我的網站不同的地方，所以自定義的CSS將是最好的！

來源

2013-07-24 alex wilhelm

不難理解，爲什麼不能做簡單的'.ngCellText {填充：0;}' ？ – Cherniv

我爲此付出了沉重的代價，對於我來說，我已經更加困惑了，但是.ngCellText是在ng-grid.css中，這是一種改變這種方式的方法，它會影響我的其他網格我想要5px的填充。 –

爲什麼不把它放在你已經把你的'test {padding：0;}'放在css文件中，所以它只會影響這個特定的html頁面？ – Cherniv

這可以幫助：

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

，但似乎你可以覆蓋它是這樣的：

.ngCellText {padding: 0;}

來源

2013-07-24 19:02:26 Cherniv

Ng-grid擺脫單元格填充

回答

相關問題