JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.19/js/jquery.dataTables.min.js"></script>
    <table id="testTable">
        <thead>
            <tr>
                <th></th>
            </tr>
        </thead>
    </table>
    
    <button id='testButton'>
      Init Table
    </button>
    
Click init multiple times and watch console: Destroy get's called for each of the created tables (even though they were destroyed)

JavaScript

$('#testButton').click(function(){
  $('#testTable').DataTable({
    destroy:true
  }).off('destroy.dt').on('destroy.dt', function(e, settings){
    console.log('destroy');
  })
});