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 」がハードコードされています。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 に答える