Изменить расположение кнопки «Показать/скрыть» в ui-grid angular

Есть ли хороший и быстрый способ переместить кнопку отображения/скрытия столбца в другое место без реализации новой функции для этой операции?

Я пытался использовать трансляцию/просмотр, но это не сработало.


angularjs ng-grid angular-ui-grid
person orikoko    schedule 28.10.2014    source источник
comment
Что вы имеете в виду под «другим местом»? Позиция в выпадающем списке? Или положение триггерной кнопки раскрывающегося списка? Или где-то за пределами сетки? Просьба уточнить.   -  person mainguy    schedule 28.10.2014
comment
Привет. Я имел в виду положение кнопки запуска раскрывающегося списка, я хочу найти ее над сеткой. Спасибо   -  person orikoko    schedule 28.10.2014
comment
Вы имеете в виду над каждым соответствующим столбцом?   -  person mainguy    schedule 28.10.2014
comment
Нет, я хочу создать новую кнопку, которая будет находиться в другом месте на моей странице, эта кнопка будет управлять отображением/скрытием столбцов.   -  person orikoko    schedule 29.10.2014
comment
Извините, я все еще не понимаю. Вам нужна (одна) кнопка, которая при нажатии скрывает определенный столбец или набор столбцов? Это совсем другое, чем переместить меню столбца в новое место. И наверняка вам понадобится небольшой скрипт/функция для этого.   -  person mainguy    schedule 29.10.2014
comment
Привет, у ui-grid (ng-grid) есть кнопка сбоку, если щелкнуть ее, откроется меню со всеми именами ваших столбцов, если вы нажмете имя столбца, он скроет столбец. эта кнопка находится в заголовке сетки. Я хочу изменить расположение этой кнопки. как в этом примере: ui-grid.info/docs/#/tutorial/304_grid_menu   -  person orikoko    schedule 29.10.2014
comment
Мы говорим о сеточном меню, а не о меню отдельных столбцов. Извините, у меня ужасная простуда, и я немного медлительный сегодня. Проверьте мой ответ.   -  person mainguy    schedule 29.10.2014

Ответы (2)


arrow_upward
1
arrow_downward

Насколько я вас понял, это самый простой ответ.

Добавьте это в свой последний загруженный CSS:

.ui-grid-menu-button {
    position: relative;
}

Это разместит большую кнопку над сеткой.

Подключить сюда

Но почему-то мне кажется, что это все же не то, что вы хотели.

person mainguy    schedule 29.10.2014
comment
Это очень близко к тому, что я ищу, я хочу создать свою собственную кнопку, отличную от кнопки по умолчанию, которая будет расположена в другом месте и будет открывать меню из вашего примера, мне нужно, чтобы меню также открывалось под моим новым кнопка. - person orikoko; 29.10.2014
comment
это будет работать .ui-grid-menu-button .ui-grid-menu{left: 0 !important; справа: авто !важно; } - person niran; 15.12.2017

arrow_upward
0
arrow_downward

вы можете сделать это, используя сам css,

Ниже CSS разместит кнопку меню сетки и элемент меню сетки в одном и том же месте.

 .ui-grid-menu-button {
    position: relative !important;
    right: auto !important;
  }

.ui-grid-menu-button .ui-grid-menu{
    left: 0 !important;
 }
person niran    schedule 15.12.2017