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時,如果需要銷毀實例,在銷毀之前我們需要撤銷事件、清空值等操作,以免在之后造成不可預知的影響。