ошибка при отображении заголовка таблицы данных ag-Grid с angular

Question

Я новичок в использовании ag-grid и хочу отобразить таблицу данных с данными c. Я сделал все, но не знаю, почему заголовок не показывался. Вот изображение вывода:

компонент. html:

<ag-grid-angular style="width: 1000px; height: 400px;"
class="ag-theme-balham"
[columnDefs]="columnDefs"
[enableSorting] = "true"
(gridReady)="onGridReady($event)"> 


</ag-grid-angular>

component.ts:

   constructor(
        private _fuseTranslationLoaderService: FuseTranslationLoaderService
    )
    {
        this._fuseTranslationLoaderService.loadTranslations(english, turkish);
        this.columnDefs=[
            {
                headerName: "Name",
                field: "firstName",
                width: 150,
                sortingOrder:["asc","desc"]
            },
            {
                headerName: "Age",
                field: "age",
                width: 50,
                sortingOrder:["asc","desc"]
            }
        ]
    }
    onGridReady(params){
        this.gridApi = params.api;
        this.gridColumnApi = params.columnApi;
        let dataValue = [{"firstName":"Gourab","age": 22}]
        params.api.setRowData(dataValue);
    }
}

и moduls.ts:

import { AgGridModule } from 'ag-grid-angular';
@NgModule({
    declarations: [
        SampleComponent
    ],
    imports     : [
        RouterModule.forChild(routes),

        TranslateModule,
        AgGridModule.withComponents([]),
        FuseSharedModule
    ],
    exports     : [
        SampleComponent
    ]
})