【问题标题】:ag-grid theme malfunction using vuetify in vueJS 2在 vueJS 2 中使用 vuetify 的 ag-grid 主题故障
【发布时间】:2018-08-24 06:16:03
【问题描述】:

我在我的项目中使用 ag-grid,它使用 vuetify.js 并且基于 vueJS。我面临 ag-grid 主题的问题。每当我使用 ag-material 主题时,结果都与显示的 ag-grid 网站不同。当我添加材料主题时,我只是得到了一个非常基本的主题。有人可以帮忙吗?

【问题讨论】:

  • 请在 plunker 中提供更多详细信息/代码。谢谢!!

标签: vue.js ag-grid vuetify.js


【解决方案1】:

您需要确保同时导入两者

import "/node_modules/ag-grid/dist/styles/ag-grid.css";
import "/node_modules/ag-grid/dist/styles/theme-material.css";

然后,确保包含两个类 <ag-grid-vue class="ag-material ag-theme-material">

【讨论】:

  • 您可能还想将gridOptions.rowHeight 设置为某个值(我选择了 48),因为默认值看起来不太好
  • 我没有包含 ag-theme-material 类,但即使包含它,我也没有看到任何变化。
  • 不知道发生了什么,如果您可以创建 Plunker 或 CodePen 来复制问题,那就太好了
猜你喜欢
  • 2019-08-10
  • 2020-05-08
  • 2020-04-21
  • 2018-08-17
  • 2019-07-22
  • 2017-10-17
  • 1970-01-01
  • 2019-06-06
  • 1970-01-01
相关资源
最近更新 更多