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

时间:2017-06-09 21:46:02

标签: html css angularjs user-interface angular-ui-grid

如何更改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>

1 个答案:

答案 0 :(得分:0)

您提供的代码片确实有效。

这是一个经过修改的版本,以便于注意:

<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