OK - I didn't mention anything about putting those items in the footer of the theme so that's your call.
And you haven't modified the theme setting that I indicated you could change.
And now you have this as your code
<!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.js"></script> -->
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery('#example123').DataTable({
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "https://beta.marketingcheckpoint.com/admin/mailing/ajax_mail_history_dt10.php"
});
});
</script>
And this as your error:
Why? You've commented out BOTH the jquery line and the datatables line, and you aren't loading the datatables JS at a later point. Plus you are using "jQuery" instead of "$"
Use this code in the block, modify the theme setting I indicated, and then advise if it doesn't work:
<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#example').DataTable({
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "https://beta.marketingcheckpoint.com/admin/mailing/ajax_mail_history_dt10.php"
});
});
</script>