Как исправить заголовок ag-grid, если таблица имеет автоматическую высоту?

#ag-grid

#ag-grid

Вопрос:

В Ag-grid есть хорошая документация об автоматической высоте сетки:
https://www.ag-grid.com/javascript-grid-width-and-height/

Но я не могу понять, как исправить заголовок ag в случае, когда высота моей таблицы больше высоты окна просмотра. Я прокручиваю таблицу вниз, но заголовок остается вверху.

Вы можете увидеть тот же случай, когда вы выбираете автоматическую высоту 50 строк в последнем примере страницы документации.

Как исправить заголовок в этом случае?

Комментарии:

1. Извините, я удалил свой ответ, я думаю, я неправильно понял вопрос, вы хотите не видеть заголовок после прокрутки вниз или вы пытаетесь увидеть заголовок? Вы должны легко изменить domLayout на фиксированный или autoHeight, чтобы получить ваш случай, оттуда заголовок изменит свое поведение при просмотре. Не могли бы вы создать codepen или какую-нибудь небольшую демонстрацию, чтобы увидеть, с какой проблемой вы сталкиваетесь конкретно?

2. Большое спасибо за ваш ответ. Я попробую ваше решение. Если это не сработает, я добавлю codepen, чем.

Ответ №1:

Добавьте css ниже, чтобы иметь фиксированный заголовок в ag -grid с автоматической высотой.

CSS

 .ag-theme-alpine .ag-header {
    top: 0;
    position: fixed;
    width: auto;
    display: table;
    z-index: 99;
}
.ag-theme-alpine .ag-root-wrapper {
     border: none!important; 
}
  

Обратитесь к прилагаемому коду: Автоматическая высота — исправленный заголовок