AngularJS UI: 如何应用我的 css class 覆盖 ui 网格的原始 css class

Question

如题所示，比如我想创建一个CSS class 命名为myViewport 来覆盖ui-grid-viewport (ui-grid).

Answer 1

这应该在这里讨论过几次。您可以使用 enableHorizontalScrollbar 选项禁用水平条。我不认为你需要 css 来实现这一点，除非你正在尝试不同的东西。

$scope.grid = {
enableHorizontalScrollbar: 0
};

可以取以下任一值：

0 = disable;
1 = enable;
2 = enable when needed;

请注意，您需要将 uiGridConstants 传递给您的控制器。

您还应查看此 github 存储库以获取更多信息。 https://github.com/angular-ui/ui-grid

Answer 2

我找到了一个解决方案，它是 CSS element>element Selector，我给父元素添加了一个 id 例如：

<div id=""test>
    <div>
        <div class="ui-grid-viewport(object)">...</div>
    </div>
</div>

在style.css class 的名称应该是 div#test >div> .ui-grid-viewport{} 这是一个不简单的解决方案，因为我应该找到 ui-grid-viewport.

的位置

AngularJS UI: how to apply my css class to overwrite the original css class of ui grid