Clear DataTable on button click
How to clear DataTable on button click In this post we will learn how we can clear a datatable on a jQuery event. By click on "btnReset" we have to call datatable's destroy method to completely clear a datatable. We may need to clear a datatable on an event. Please follow the below code to achieve the same. HTML - <table id="tblResourcesData" class="display" width="100%" cellspacing="0"> <thead> <tr> <th>Title</th> <th>Region</th> <th>Country</th> <th>Email</th> </tr> </thead> </table> Code - $("#btnReset").click(function(){ $('#tblResourcesData').DataTable().destroy(); $('#tblResourcesData tbody').empty(); });