Угловая ui-сетка: Дополнительная кнопка меню

Question

Можно ли добавить вторую кнопку непосредственно под кнопкой меню в ui-grid? Я хотел бы добавить кнопку с пользовательской функцией (чтобы скрыть/показать фильтры). У меня есть кнопка, которая работает, но я хочу ее внутри строки заголовка сетки.

Answer 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> 

Мой результат: