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

标签 javascript twitter-bootstrap modal-dialog slickgrid

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

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

如果类似的代码可以在普通 HTML 页面上显示表格,那么是什么阻止了它在 BootStrap 模式中正确显示?

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

最佳答案

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

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

关于javascript - Bootstrap 模式中的 SlickGrid 仅显示前两列数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18055125/

相关文章:

javascript - Bootstrap Row 从边缘开始

c# - 如何阻止对话窗口被隐藏

javascript - 使用Javascript加载.tpl显示错误

javascript - Chrome 扩展 : How to Disable Page Visibility API

javascript - 在进行合并排序之前,将待排序列表转换为包含每个项目的子数组的数组

javascript - Angular ui 引导模式内的嵌套 View

javascript - 在 rails create controller 中渲染 new.js.erb (Rails 6)

javascript - 规则是什么?我什么时候使用 $(this) 以及什么时候 "this"就足够了?

javascript - Js倒计时文本不在边框中心内

html - 网格在响应部分飞来飞去