web-dev-qa-db-ja.com

AngularJS ngGridテキストの配置

セルのテキスト値を中央/右に揃える方法はありますか?ありがとうございました。

plnkr の基本的な例を示します。

11
oblivion19

はいあります。行またはセルテンプレートを使用します。これは、ng-gridを設定したコントローラーのcolumnDefsで定義されます。

columnDefs: [{field: 'name', displayName: 'Name'},
                 {field:'age', displayName:'Age', cellTemplate: '<div ng-class="{green: row.getProperty(col.field) > 30}"><div style="text-align:center;"  class="ngCellText">{{row.getProperty(col.field)}}</div></div>'}]
    };

下に更新用のPlunkerがあり、中央に列が配置されています。

プランカー

7
Aaron Hickman