Copyright © All rights reserved | This template is made with by Colorlib

Next Big Event:

บทความในหมวด

WEB DEVELOPMENT

Web Development

How to add preloading to DataTables

2022-02-19 Games 46
2022-02-20 Games

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>
3. JavaScript

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

preloading | Web Development

เข้าชมแล้ว 2,811,767 ครั้ง | ทั้งเว็บออนไลน์   3 ท่าน | หน้านี้ออนไลน์   1 ท่าน
Page generated in 0.0086 seconds ! ( 13 query)