AG-Grid: можно ли переместить строку состояния / панель состояния в верхнюю часть сетки между заголовком и строками?

У нас есть требование отображать пользовательский компонент Angular в верхней части сетки, между строками заголовков и строками данных, аналогично Закрепленная строка, но с нашим собственным настраиваемым содержанием, охватывающим все столбцы.

Панель состояния очень похожа на то, что нам нужно. , но в примерах он отображается только в нижней части сетки. Мне было интересно, можно ли сделать рендеринг наверху. Есть ли альтернативы?

Пример выглядит следующим образом: Строка состояния внизу

Мы хотим получить что-то вроде этого: Верх строки состояния


javascript angular ag-grid ag-grid-angular
person Ollie F    schedule 06.07.2020    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вы можете добиться этого с помощью уловки CSS.

Взгляните на этот кусок: Панель состояния - вверху

.ag-theme-alpine .ag-status-bar {
  font-weight: normal;
  position: absolute;
  top: 50px;
  right: 5px;
  border-top: none !important;
}
.ag-theme-alpine .ag-body-viewport {
  top: 50px;
  border-top: solid 1px lightgrey;
}
person Paritosh    schedule 06.07.2020