我继承了一个使用第 3 方网格 Ag-grid 的 AngularJS 项目。有一个 ag-grid-style.css 文件，其中包含以下内容：
.ag-pinned-left-header.hasCategoryCol .ag-header-cell, .ag-pinned-left-cols-viewport.hasCategoryCol .ag-row .ag-cell {
width: calc(100% / 7) !important;
}
这对于已经使用的网格非常有用，网格很好地分为 7 列。我的问题是我创建了新代码，也使用 ag-grid，但我需要将新网格分为 6 列，而不是 7 列。我最终得到一个额外的空列。使用 Chrome 进行调试并进入开发人员工具，我可以看到上面的 CSS，如果我将 7 更改为 6，我的网格显示完美。我的问题是完成我想要的最简单的方法是什么？我一直在尝试调整代码中的样式，但尚未成功。建议？
我只是将修改后的 CSS 添加到一个 CSS 文件中，该文件在所有其他第三方库 CSS 文件之后呈现。当你有一个!important出现这种情况后，另一个!important，第二个将覆盖第一。因此，通过将 CSS 添加到您的网站应该没问题。
.ag-pinned-left-header.hasCategoryCol .ag-header-cell, .ag-pinned-left-cols-
viewport.hasCategoryCol .ag-row .ag-cell {
width: calc(100% / 6) !important;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句