引導模式中的SlickGrid僅顯示前兩列的數據

Question

我正在使用SlickGrid和BootStrap。在我的場景中，頁面上顯示一個SlickGrid表格。除此之外，還有一個應該顯示另一個表格的彈出窗口。我使用for-loops填充表格。現在問題描述：

HTML頁面上的表格與所有數據一起正確顯示。當我點擊按鈕訪問彈出窗口時，無論如何只填寫前兩列。例如。如果我有4列即姓名，年齡，性別，學校名稱。當彈出窗口彈出時，只填寫名稱和年齡。其他兩列是空白的。所以，我試着交換年齡和性別來檢查性別是否有問題。現在，表格僅填充名稱和性別，將Age和SchoolName列留空。同樣的事情，如果我把其他列在第一或第二的位置。

如果類似的代碼適用於在普通的HTML頁面上顯示錶格，那麼在BootStrap模式下什麼可以停止正確顯示呢？

編輯：還有一點 - 如果我嘗試在HTML頁面上顯示'該'表，它顯示正確。但在模態中受苦。

Answer 1

確定您在顯示模式並且所有CSS轉換已完成後調用網格上的.resizeCanvas()方法。比方說，模態裏面住你Slick.Grid實例名爲modalGrid：

$('#modal').on('shown', modalGrid.resizeCanvas) 

Answer 2

自舉3走：

$('#modal').one('shown.bs.modal', function(e) { grid.resizeCanvas(); });