如何更改Angular-UI-grid的字体？

Question

如何更改Angular-UI-grid的字体？

我想更改nonPostedGridOption ui-grid的字体。

我已经尝试过了，但是没有成功。

<div>
    <div ui-grid="nonPostedGridOption" ui-grid-pagination ui-grid-exporter class="grid" ui-grid-resize-columns ui-grid-auto-resize ui-grid-selection style="font-family: 'Comic Sans MS', cursive, sans-serif;"></div>
    <div class="watermark text-danger" ng-if="!nonPostedGridOption.data.length">
        <br>No data available
    </div>
</div>

Answer 1

您提供的代码确实有效。

这是一个经过仔细修改的版本，可以很容易地注意到：

<div>
   <div ui-grid="nonPostedGridOption" ui-grid-pagination ui-grid-exporter
      class="grid" ui-grid-resize-columns ui-grid-auto-resize
      ui-grid-selection
      style="font-family: 'Comic Sans MS', cursive, sans-serif; color: red;">
   </div>
   <div class="watermark text-danger"
      ng-if="!nonPostedGridOption.data.length">
      <br>No data available
   </div>
</div>

在这里找到一个有效的例子