使用 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

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

Bug when next tab with JsGrid

html

javascript

jquery

jsgrid