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

Question

如何更改Angular-UI-网格的字体？

我想更改 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>

找到一个工作示例here

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

How can I change the font of Angular-UI-grid?

html

css

user-interface

angularjs

angular-ui-grid