javascript - 使用 JsGrid 下一个选项卡时出现错误

Question

为什么当我单击下一个选项卡时 jsgrid 呈现错误？我尝试销毁 e 并提高 jsgrid 但没有解决。

 $('a[href="#prestador"]').on('show.bs.tab',function (e) {
        $("#nota_prestador").jsGrid("destroy");
        createGrid('nota_prestador',data,'CPF/CNPJ TOMADOR');
    });
    }

Answer 1

在隐藏容器中渲染(在本例中未打开选项卡)，js-grid 无法正确计算大小。因此，您必须在选项卡打开事件上调用refresh:

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  $("#jsGrid").jsGrid("refresh");
});

在项目 GitHub 页面上查看问题:https://github.com/tabalinas/jsgrid/issues/49