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

【问题标题】：SlickGrid in Bootstrap modal displays data only first two columnsBootstrap 模式中的 SlickGrid 仅显示前两列数据
【发布时间】：2013-08-05 09:47:51
【问题描述】：

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

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

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

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

【问题讨论】：

标签： javascript twitter-bootstrap modal-dialog slickgrid

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

对于引导程序 3 去：

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

【讨论】：