jquery里的datatable销毁

datatable 是 jQuery 中一个非常常用的表格插件,它可以快速方便地帮助我们实现各种表格需求。但是在使用完datatable之后,我们需要销毁这个实例的时候,该怎么做呢?

//销毁单个datatable实例$(#tableId).DataTable().destroy();//销毁所有datatable实例$.fn.DataTable.ext.instances.length = 0;

通过以上代码,我们可以很方便地销毁datatable实例。但值得提醒的是,当我们使用 destroy() 方法销毁实例时,它只是销毁了 datatable 实例,但是并没有销毁通过.ajax()或JSON数据调用的数据源。

另外,我们需要注意的是,在销毁datatable实例的时候,有时候还需要显式地撤销一些元素上的事件,以避免它们会在之后造成不必要的影响,代码如下:

//销毁事件$(.dataTables_filter input).unbind();$(.dataTables_length select).unbind();$(.dataTables_filter input).val();$(.dataTables_length select).val(-1);

综上,当我们在使用datatable时,如果需要销毁实例,在销毁之前我们需要撤销事件、清空值等操作,以免在之后造成不可预知的影响。

jquery里的datatable销毁