ag-grid 边框和图标不显示

版本信息：

最近在用ag-grid，使用 时遇到了一些问题，特此记录一下。
ag-grid 官网
github ag-grid
github ag-grid issues

ag-grid版本：

 "ag-grid-community": "^31.2.1",
  "ag-grid-enterprise": "^31.2.0",
  "ag-grid-react": "^31.2.0",

问题描述：

使用 ag-grid时 有的用户端边框不显示，有的显示。我本地也没问题。经过排查是浏览器版本过低的原因(我们的是这个原因)。
当时客户用的是 奇安信可信浏览器 这个浏览器ag-grid显示的都有问题（只能换浏览器或者 升级该浏览器）。
出问题的样式截图：

正常的样式截图：

边框和 可以拉伸的图标都没显示 （红色圈起来的）

解决方案：

升级浏览器版本即可 最好 是最近两年的版本 90.x 以上。当然 越新越好。

ag-grid 浏览及支持策略

如果你是刷新一下就出来了或者 图标不显示（浏览器 版本很高的话），那可能是资源加载速度的原因或者 资源加载顺序的原因。比如:
应该先 加载 ag-grid.css 再加载 主题的css。

import {
    
     AgGridReact } from "ag-grid-react"; // AG Grid Component
import "ag-grid-community/styles/ag-grid.css"; // Mandatory CSS required by the grid
import "ag-grid-community/styles/ag-theme-quartz.css"; // Optional Them

这么写效果是这样的：

这样写 就出现问题了，红色框部分的 小图标没了：

import {
    
     AgGridReact } from "ag-grid-react"; // AG Grid Component
import "ag-grid-community/styles/ag-theme-quartz.css"; // Optional Them
import "ag-grid-community/styles/ag-grid.css"; // Mandatory CSS required by the grid

所以 先加载 ag-rrid.css再加载 主题的css就行了！