Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
141584 | Dec 19,2018 11:53 AM UTC | Mar 18,2019 11:50 AM UTC | Angular - EJ 2 | 3 |
![]() |
Tags: Calendar |
<ejs-grid [dataSource]='data' height='100%' [allowPaging]='true' allowTextWrap='true' [textWrapSettings]='wrapSettings' [allowSorting]='true' [allowFiltering]='true'
[filterSettings]='filterSettings' [allowGrouping]='true' >
<e-columns>
<e-column field='OrderID' headerText='Order ID' textAlign='Right' width='120'></e-column>
<e-column field='CustomerID' headerText='Customer ID' width='120'></e-column>
. . . . .
</e-columns>
</ejs-grid>
|
import { Component, OnInit } from '@angular/core';
import { TextWrapSettingsModel } from '@syncfusion/ej2-angular-grids';
@Component({
selector: 'app-tab1',
templateUrl: 'tab1.page.html',
styleUrls: ['tab1.page.scss']
})
export class Tab1Page implements OnInit {
ngOnInit() {
this.wrapSettings = { wrapMode: 'Content' };
. . . .
}
} |
"dependencies": {
"@angular/common": "~7.0.0",
. . . . .
"@ionic/angular": "4.0.0-rc.0",
"@syncfusion/ej2": "^16.4.42",
"@syncfusion/ej2-angular-grids": "^16.4.42",
"core-js": "^2.5.4",
"rxjs": "~6.3.3",
"zone.js": "~0.8.26"
} |
import { IonicModule } from '@ionic/angular';
. . . . .
import { GridAllModule } from '@syncfusion/ej2-angular-grids';
import { Tab1Page } from './tab1.page';
@NgModule({
imports: [
IonicModule,
CommonModule,
GridAllModule,
FormsModule,
RouterModule.forChild([{ path: '', component: Tab1Page }])
],
declarations: [Tab1Page]
})
export class Tab1PageModule {}
|
@import '~@ionic/angular/css/padding.css';
. . . .
|
<ejs-grid [dataSource]='data' height='100%' [allowPaging]='true' allowTextWrap='true' [textWrapSettings]='wrapSettings' [allowSorting]='true' [allowFiltering]='true'
[filterSettings]='filterSettings' [allowGrouping]='true' >
<e-columns>
<e-column field='OrderID' headerText='Order ID' textAlign='Right' width='120'></e-column>
<e-column field='CustomerID' headerText='Customer ID' width='120'></e-column>
. . . . .
</e-columns>
</ejs-grid>
|
import { Component, OnInit } from '@angular/core';
import { TextWrapSettingsModel } from '@syncfusion/ej2-angular-grids';
@Component({
selector: 'app-tab1',
templateUrl: 'tab1.page.html',
styleUrls: ['tab1.page.scss']
})
export class Tab1Page implements OnInit {
public data: Object[];
public filterSettings: Object;
ngOnInit() {
this.filterSettings = { type: 'Menu' };
. . . .
}
} |
This post will be permanently deleted. Are you sure you want to continue?
Sorry, An error occured while processing your request. Please try again later.
This page will automatically be redirected to the sign-in page in 10 seconds.