当光滑网格折叠时，resizeCanvas不起作用

Question

我有一架折叠光滑网格的手风琴。当我缩小页面时，我正在尝试调整光滑网格的大小。打开网格但是如果网格折叠并且当我更改页面大小时，一切都正常工作，然后单击手风琴，数据无法在光滑的网格中正确显示。

$(window).resize(function () {
            grid.resizeCanvas();               
        });

Answer 1

我终于找到了解决方案。

<div id="accordion">
        <h3>Credits</h3>
        <div id="griddiv">
            <div id="grid" data-bind="slickGrid: { data: items, columns: columns }"></div>
        </div>
</div>

$(window).resize(function () {
        grid.resizeCanvas();

});

$('#griddiv').on('shown', grid.resizeCanvas)

$("#accordion").click(function () {
        grid.resizeCanvas();
});