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

Question

我正在使用 SlickGrid 和 BootStrap。在我的场景中，页面上显示了一个 SlickGrid 表。随之而来的是一个弹出窗口，它应该显示另一个表格。我正在使用 for 循环填充表格。现在问题描述：

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

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

编辑：还有一点 - 如果我尝试在 HTML 页面上显示“那个”表，它会正确显示。但在模态中受苦。

Answer 1

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

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

Answer 2

对于引导程序 3 去：

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