【问题标题】:Angular ui-grid: Additional Menu ButtonAngular ui-grid:附加菜单按钮
【发布时间】:2017-05-19 17:45:09
【问题描述】:

是否可以在 ui-grid 的菜单按钮正下方添加第二个按钮?我想添加一个带有自定义功能的按钮(隐藏/显示过滤器)。我有一个可以使用的按钮,但我希​​望它位于网格标题行内。

【问题讨论】:

    标签: angular-ui-grid


    【解决方案1】:

    我使用position: absolute 将按钮放在左上角。您可以将图标放在每个固定位置,例如在菜单按钮下方。 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>
    

    我的结果:

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-04-11
      • 1970-01-01
      • 2015-08-16
      • 1970-01-01
      • 1970-01-01
      • 2021-03-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多