Блог

Главная - Вопросы по программированию - Скрывать столбцы при нажатии кнопки в ag-grid?

Скрывать столбцы при нажатии кнопки в ag-grid?

#ag-grid #ag-grid-react #ag-grid-angular

#ag-grid #ag-grid-реагировать #ag-grid-угловой

Вопрос:

Мне нужно скрыть столбцы группы VAD при нажатии кнопки. Пожалуйста, помогите мне. введите описание изображения здесь

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

1. Могу ли я узнать, используете ли вы Ag-grid в vanilla JS? Или Angular?

2. Я использую ReactJS

Ответ №1:

Вы можете использовать Column API методы:

setColumnVisible(colKey, visible) Задает видимость столбца. Ключом может быть идентификатор столбца или объект столбца.

или

setColumnsVisible(colKeys, visible) Аналогично setColumnVisible, но предоставляет список ключей столбцов.

 hide(){
    this.gridColumnApi.setColumnsVisible(['columnNameOne', 'columnNameTwo'], false);
}

show(){
    this.gridColumnApi.setColumnsVisible(['columnNameOne', 'columnNameTwo'], true);
}

Demo