Angular ui-grid：附加菜单按钮

Question

是否可以在 ui-grid 中的菜单按钮正下方添加第二个按钮？我想添加一个带有自定义功能的按钮（到 hide/show 过滤器）。我有一个可用的按钮，但我希望它位于网格 header 行内。

Answer 1

我使用 position: absolute 将按钮放在左上角。您可以将图标放在每个 fixed 位置，例如菜单按钮下方。 html 是这样的：

<div style="position: relative">
    <!-- ui-grid -->
    <div ui-grid="options" ui-grid-selection></div>
    <!-- filter button -->
    <div class="ui-grid-cell-contents" style="position: absolute; left: 0; top: 0;">
        <a href="#" ng-click="toggleFilters()"><!-- filter icon --></a>
    </div>
</div>

我的结果：

Angular ui-grid：附加菜单按钮

Angular ui-grid: Additional Menu Button

angular-ui-grid