IE11のHandsonTableでヘッダー列に並んだデータ列がレンダリングされない

Question

ChromeでHandsontableを使用してWebアプリケーションを開発しました。楽しくてうまくいった。

今はIE11で動作させるようにしていますが、レンダリングに問題があります。

この質問の最初と主題は、グリッドの実際の幅がヘッダーと一致しないことです。私は私のアプリにこのスタイルを追加することによって、作業にそれが近づくことができ

：ここに画像がある

.wtHolder { 
    width: 100% !important; 
} 

しかし、彼らはまだ正しく並ばないし、それは少し思えますハンズフリークラスで!importantを実行する必要があるハック

これをIE11で正しく表示する方法はありますか？

追加情報：私はこのhandsontableインスタンスを作成するとき

、私は次のオプションを設定しています：

createOptions(): ht.Options { 
    let options: ht.Options = {}; 

    options.data = this.tableData; 
    options.colHeaders = true; 
    options.colHeaders = this.columnHeaders; 
    options.colWidths = this.columnWidths; 
    options.stretchH = 'all'; 
    options.columns = this.columnMappings; 
    options.minSpareRows = this.minSpareRows; 
    options.readOnly = this.isReadOnly; 

    return options; 
} 

更新：

エラーの原因は、とdivのようですクラスはwtHolderに設定されています。問題はwtHolderではありません。そのdivはstyle="width: 41.66%"です。

widthを削除すると、グリッドが正しく表示されます。これはコードで削除する方法がわかりません（これはhandontableで設定されています）。

Answer 1

このスタイルは、この問題を修正するようだ：

/*IE11 does not display widths correctly. This fixes that error.*/ 
.wtHolder { 
    width: auto !important; 
}