How to add preloading to DataTables

1. Css

#example1 {
  display:none;
}

2. Html

<div id="show-loading" class="text-center">
	<i class="fas fa-2x fa-sync-alt fa-spin"></i><span> Loading...</span>
</div>
<table id="example1">
...
...
...
</table>

$("#example1").DataTable({
	"responsive" : true,
	"autoWidth" : false,
	"initComplete": () => {
		$("#example1").show();
		let loading = document.getElementById("show-loading");
		loading.style.display = "none";
	}
});

Ref Idea

• stackoverflow.com