How to use the ag-grid-angular/main.AgGridModule.withComponents function in ag-grid-angular

To help you get started, we’ve selected a few ag-grid-angular examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github bradyhouse / house / fiddles / angular2-cli / fiddle-0019-EnterpriseAgGrid / src / app / app.module.ts View on Github external
import {FormsModule} from "@angular/forms";
// ag-grid
import {AgGridModule} from "ag-grid-angular/main";
// application
import {AppComponent} from "./app.component";
// rich grid
import {RichGridComponent} from "./rich-grid-example/rich-grid.component";
import {DateComponent} from "./date-component/date.component";
import {HeaderComponent} from "./header-component/header.component";
import {HeaderGroupComponent} from "./header-group-component/header-group.component";

@NgModule({
    imports: [
        BrowserModule,
        FormsModule,
        AgGridModule.withComponents(
            [
                DateComponent,
                HeaderComponent,
                HeaderGroupComponent
            ]
        )
    ],
    declarations: [
        AppComponent,
        RichGridComponent,
        DateComponent,
        HeaderComponent,
        HeaderGroupComponent
    ],
    bootstrap: [AppComponent]
})
github ag-grid / ag-grid-angular-example / angular-cli / src / app / app.module.ts View on Github external
import {FormsModule} from "@angular/forms";
// ag-grid
import {AgGridModule} from "ag-grid-angular/main";
// application
import {AppComponent} from "./app.component";
// rich grid
import {RichGridComponent} from "./rich-grid-example/rich-grid.component";
import {DateComponent} from "./date-component/date.component";
import {HeaderComponent} from "./header-component/header.component";
import {HeaderGroupComponent} from "./header-group-component/header-group.component";

@NgModule({
    imports: [
        BrowserModule,
        FormsModule,
        AgGridModule.withComponents(
            [
                DateComponent,
                HeaderComponent,
                HeaderGroupComponent
            ]
        )
    ],
    declarations: [
        AppComponent,
        RichGridComponent,
        DateComponent,
        HeaderComponent,
        HeaderGroupComponent
    ],
    bootstrap: [AppComponent]
})
github ag-grid / ag-grid-angular-example / systemjs_aot / app / app.module.ts View on Github external
data: {
            title: "Dynamic Angular Components - Richer Example"
        }
    },
    {
        path: '', redirectTo: 'from-component', pathMatch: 'full'
    }
];

@NgModule({
    imports: [
        BrowserModule,
        FormsModule,
        RouterModule.forRoot(appRoutes, {useHash: true}),
        HttpClientModule,
        AgGridModule.withComponents(
            [
                SquareComponent,
                CubeComponent,
                ParamsComponent,
                CurrencyComponent,
                ChildMessageComponent,
                RatioParentComponent,
                ClickableParentComponent
            ]),
        RatioModule,
        ClickableModule
    ],
    declarations: [
        AppComponent,
        DynamicComponent,
        SquareComponent,
github tmobile / pacbot / webapp / src / app / shared / shared.module.ts View on Github external
import { ConfigHistoryDropdownComponent } from './config-history-dropdown/config-history-dropdown.component';
import { BackNavigationComponent } from './back-navigation/back-navigation.component';
import { SelectDropDownModule } from 'ngx-select-dropdown';
import { TableListComponent } from './table-list/table-list.component';
@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        ReactiveFormsModule,
        RouterModule,
        SelectModule,
        HttpModule,
        MatSelectModule,
        NgDatepickerModule,
        SelectDropDownModule,
        AgGridModule.withComponents(
            [AgGridTableComponent]
        )

    ],
    declarations: [
        CanvasSidePanelComponent,
        ButtonIconComponent,
        ButtonComponent,
        ErrorMessageComponent,
        FormInputComponent,
        LinkComponent,
        SubFooterComponent,
        TitleBurgerHeadComponent,
        ContextualMenuComponent,
        OverlayComponent,
        SearchableDropdownComponent,
github naver / pinpoint / web / src / main / webapp / v2 / src / app / core / components / transaction-table-grid / index.ts View on Github external
import { NgModule } from '@angular/core';
import { AgGridModule } from 'ag-grid-angular/main';

import { SharedModule } from 'app/shared';
import { TransactionTableGridComponent } from './transaction-table-grid.component';
import { TransactionTableGridContainerComponent } from './transaction-table-grid-container.component';
import { TransactionMetaDataService } from './transaction-meta-data.service';
import { MessagePopupModule } from 'app/core/components/message-popup';

@NgModule({
    declarations: [
        TransactionTableGridComponent,
        TransactionTableGridContainerComponent
    ],
    imports: [
        AgGridModule.withComponents([]),
        SharedModule,
        MessagePopupModule
    ],
    exports: [
        TransactionTableGridContainerComponent
    ],
    providers: [
        TransactionMetaDataService
    ]
})
export class TransactionTableGridModule { }
github implustech / famn / client / app / module / message / message.module.ts View on Github external
import { MessageComponent } from './message.component'

import { ROUTES } from './message.routes'

@NgModule({
  declarations: [
    MessageComponent,
  ],
  imports: [
    CommonModule,
    FormsModule,
    MaterialModule.forRoot(),
    FlexLayoutModule.forRoot(),
    AgGridModule.withComponents([]),
    RouterModule.forChild(ROUTES),
  ]
})
export class MessageModule {
  constructor() { }
}
github tmobile / pacbot / webapp / src / app / pacman-features / modules / compliance / compliance.module.ts View on Github external
import { VulnerabilityDetailsComponent } from './vulnerability-details/vulnerability-details.component';
import { PolicyViolationDescComponent } from './../../secondary-components/policy-violation-desc/policy-violation-desc.component';
import { IssueExceptionComponent } from './../../secondary-components/issue-exception/issue-exception.component';
import { PolicyViolationsListComponent } from './policy-violations-list/policy-violations-list.component';
import { IssueListingService } from '../../services/issue-listing.service';
import { RecommendationsComponent} from '../../modules/compliance/recommendations/recommendations.component';
import { RecommandCategoryComponent } from '../../secondary-components/recommand-category/recommand-category.component';
import { RecommendationsDetailsComponent } from './recommendations-details/recommendations-details.component';

@NgModule({
  imports: [
    CommonModule,
    ComplianceRoutingModule,
    SharedModule,
    HighlightModule,
    AgGridModule.withComponents([
      PatchingSnapshotComponent,
      PatchingSponsorComponent,
      VulnerabilitySummaryTableComponent,
      VulnerabilitySummaryDistributionComponent,
      VulnerabilityAgingDistributionSummaryComponent,
      DevPullRequestApplicationsComponent,
      DevStaleBranchApplicationsComponent
    ])
  ],
  declarations: [
    ComplianceIssuesComponent,
    PacmanIssuesComponent,
    MultilineBrushZoomComponent,
    MultiBandDonutComponent,
    IssuesCategoryComponent,
    ComplianceComponent,

ag-grid-angular

<div align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/ag-logos/svg-logos/AG-Grid-Logo_Dark-Theme.svg?raw=true"/> <source

MIT
Latest version published 5 days ago

Package Health Score

92 / 100
Full package analysis