Wijmoフレックスグリッドカラム幅angular2

Question

Wijmo FlexGridが必要ですcolumn widthは全幅をカバーする必要があります。私は動的に列を代入していたよう

ので[width]="'*'"

Answer 1

がグリッドにtemplate reference variableを割り当てて使用することはできません。例えば。例えば、あなたの列を設定し、問題の幅'*'を列を割り当てるngAfterViewInitコールバックで次にflex1

<wj-flex-grid #flex1 
     [itemsSource]="data"> 
<wj-flex-grid> 

import { Component, ViewChild, AfterViewInit } from '@angular/core'; 

import { Collection } from 'wijmo/wijmo'; 
import { FlexGrid } from 'wijmo/wijmo.grid'; 

@Component({ ... }) 
export class MyComponent implements AfterViewInit { 
    @ViewChild('flex1') protected grid: FlexGrid; 
    protected data: any; 

    constructor() { 
    this.data = new Collection([ 
     { id: 1, country: 'United States' }, 
     { id: 2, country: 'Germany' }, 
    ]); 
    } 

    public ngAfterViewInit() { 
    // Missing part: Set up columns programmatically 
    // OP has done this already. 

    // Set the column width of the column with binding to the `country` property 
    this.grid.columns.getColumn('country').width = '*'; 
    } 
}