Javascript slickgrid可调整大小但不刷新行 我在slickgrid周围添加了一个container div（容器有一个标题等，只是为了让它看起来整洁） 我已经使用jquery使div可以调整大小，并指示它同时调整网格和视口的大小

它工作得非常好（所有的东西都会同步调整大小），但是直到我滚动时，可见行的数量才会更新

有没有办法强制视口刷新？？grid.render不工作

$(".container").resizable({
    alsoResize: ".grid, .slick-viewport",
    resize: function (event, ui) { }
});

$(".container").on("resize", function (event, ui) {
    dataView.refresh();
    grid.render();
});

---

如果有人有同样的问题，答案是grid.resizeCanvas（）

代码现在如下所示：

    $('.container').each(function () { // I have several grids + containers
       var gridID = $(this).attr('id'); // get the container ID
       $(this).resizable({
       // for some reason, there was a problem with $(this) - I had to use
       // an explicit reference by passing the container ID
           alsoResize: '#' + gridID + ' .grid, #' + gridID + ' .slick-viewport',
           resize: function (event, ui) { }
       });

       $('.container').on('resize', function (event, ui) {
           grid.resizeCanvas()
       });
    }

---

如果有人有同样的问题，答案是grid.resizeCanvas（）

代码现在如下所示：

    $('.container').each(function () { // I have several grids + containers
       var gridID = $(this).attr('id'); // get the container ID
       $(this).resizable({
       // for some reason, there was a problem with $(this) - I had to use
       // an explicit reference by passing the container ID
           alsoResize: '#' + gridID + ' .grid, #' + gridID + ' .slick-viewport',
           resize: function (event, ui) { }
       });

       $('.container').on('resize', function (event, ui) {
           grid.resizeCanvas()
       });
    }

---

您可能还想看看我给出的自动调整网格大小的答案，它是随视口自动调整大小的，因此更改浏览器大小将反映在网格大小上。。。

---

在这里查看：

您可能还想看看我给出的关于自动调整网格大小的答案，它是随视口自动调整大小的，因此更改浏览器大小将反映在网格大小上。。。
请参见此处：