IE11中的HandsonTable不會呈現數據列與標題列排隊

我使用Chrome中的Handsontable開發了我的web應用程序。這很有趣，並且運作良好。IE11中的HandsonTable不會呈現數據列與標題列排隊

但現在我試圖讓它在IE11中工作，它有顯着的渲染問題。

第一個，這個問題的主題是網格的實際寬度與標題不匹配。以下是圖像：

我可以讓它接近通過添加這種風格到我的應用程序工作：

.wtHolder { 
    width: 100% !important; 
}

但是他們仍然不排隊正確，它似乎有點的黑客必須在handontable類上執行!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，然後網格顯示正確。不知道如何在代碼中刪除它（因爲這是由可設置的）。

來源

2016-08-03 Vaccano

，設置的選項看起來有語法錯誤的代碼。你沒有聲明一個函數。 – 4castle

@ 4castle - 我也許應該提到，但那是打字稿。 – Vaccano

這風格似乎來解決這個問題：

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

來源

2016-08-03 22:07:08 Vaccano

IE11中的HandsonTable不會呈現數據列與標題列排隊

回答

相關問題