我正在使用 SlickGrid 和 BootStrap。在我的场景中,页面上显示了一个 SlickGrid 表。伴随它的是一个弹出窗口,它应该显示另一个表。我正在使用 for 循环填充表。现在问题描述:
HTML 页面上的表格与所有数据一起正确显示。当我单击按钮访问弹出窗口时,无论如何都只会填充前两列。例如。如果我有 4 列即。姓名、年龄、性别、学校名称。当弹出窗口弹出时,只会填充 Name 和 Age。其他两列是空白的。所以,我尝试互换年龄和性别来检查性别是否有问题。现在,该表仅填充 Name 和 Gender,将 Age 和 SchoolName 列留空。如果我将其他列放在第一或第二位置,也是一样。
如果类似的代码可以在普通 HTML 页面上显示表格,那么是什么阻止了它在 BootStrap 模式中正确显示?
编辑:还有一点 - 如果我尝试在 HTML 页面上显示“那个”表格,它会正确显示。但在模态上受苦。
最佳答案
确保在显示模态并且完成所有 CSS 转换后,您在网格上调用 .resizeCanvas()
方法。假设您的位于模式内部的 Slick.Grid
实例名为 modalGrid
:
$('#modal').on('shown', modalGrid.resizeCanvas)
关于javascript - Bootstrap 模式中的 SlickGrid 仅显示前两列数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18055125/