JQuery Datatables:卡中未满尺寸

JQuery Datatables:卡中未满尺寸,datatables,Datatables,我们正在引导卡中使用DataTables.Net。卡最初是折叠的。网格尽可能小。我们可以通过选择页面大小进行修复,它将扩展。如果卡没有折叠,则可以正常加载。我如何添加代码,以便在卡被点击时自动重新加载,或者更好的方法是在卡被折叠时让其加载全尺寸 <!-- Begin: LogFile --> 看法 类别 有效载荷 国家 陈述 邮政编码 横向/纵向 创建 经过大量的尝试和错误,以下功能在每个web浏览器(Chrome、Edge、Firefox、Safari等)中都能完美运行。

我们正在引导卡中使用DataTables.Net。卡最初是折叠的。网格尽可能小。我们可以通过选择页面大小进行修复,它将扩展。如果卡没有折叠,则可以正常加载。我如何添加代码,以便在卡被点击时自动重新加载,或者更好的方法是在卡被折叠时让其加载全尺寸

<!-- Begin: LogFile -->


看法
类别
有效载荷
国家
陈述
邮政编码
横向/纵向
创建

经过大量的尝试和错误,以下功能在每个web浏览器(Chrome、Edge、Firefox、Safari等)中都能完美运行。这似乎是每个人都需要的解决方案。关键是hide.bs.collapse,它在卡完全展开后运行

<script>
    $(document).ready(function () {
        $('button').on('click', (event) => {
            $('hide.bs.collapse', (event) => {
                $($.fn.dataTable.tables(true)).DataTable()
                    .columns.adjust()
                    .responsive.recalc()
                    .scroller.measure()
                    .fixedColumns().relayout();
            });
        });
    });
</script>

$(文档).ready(函数(){
$(“按钮”)。在('单击',(事件)=>{
$('hide.bs.collapse',(事件)=>{
$($.fn.dataTable.tables(true)).dataTable()
.columns.adjust()
.responsive.recalc()
.scroller.measure()
.fixedColumns().relayat();
});
});
});

请发布您的JS代码片段如果您不共享更多代码,我们无法猜测问题来自何处。如您所见,具有折叠卡的数据表工作正常。如果你真的想得到帮助,我建议你制作一个片段,然后把精力放在为我们重现你的问题上。
<script>
    $(document).ready(function () {
        $('button').on('click', (event) => {
            $('hide.bs.collapse', (event) => {
                $($.fn.dataTable.tables(true)).DataTable()
                    .columns.adjust()
                    .responsive.recalc()
                    .scroller.measure()
                    .fixedColumns().relayout();
            });
        });
    });
</script>