Bootstrap模式中的SlickGrid仅显示前两列数据

Question

我正在使用SlickGrid和BootStrap。在我的场景中，页面上显示了一个SlickGrid表。除此之外，还有一个弹出窗口，可以显示另一个表格。我使用for循环填充表。现在问题描述：

HTML页面上的表格与所有数据一起正确显示。当我单击按钮访问弹出窗口时，无论如何都只填充前两列。例如。如果我有4列即。姓名，年龄，性别，学校名称。弹出弹出窗口时，仅填充名称和年龄。其他两列是空白的。所以，我尝试交换年龄和性别以检查性别是否有任何问题。现在，该表仅填充名称和性别，将Age和SchoolName列留空。如果我将其他列放在第一或第二位置，也是一样的。

如果类似的代码适用于在普通HTML页面上显示表格，那么在BootStrap模式中正确显示它会停止什么？

编辑：还有一点 - 如果我尝试在HTML页面上显示“那个”表格，它会正确显示。但是在模态方面受到了影响。

Answer 1

确保在显示模式并完成所有CSS转换后，在网格上调用.resizeCanvas()方法。假设住在模态中的Slick.Grid实例名为modalGrid：

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

Answer 2

for bootstrap 3 go：

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