first commit
This commit is contained in:
1
public/assets/js/pages/datatables-child-rows.js
Executable file
1
public/assets/js/pages/datatables-child-rows.js
Executable file
@@ -0,0 +1 @@
|
||||
function format(a){return'<div class="row align-items-center"><div class="col-md-4"><h5 class="fs-base mb-1">Rating:</h5><div>'+a.rating+'</div></div><div class="col-md-4"><h5 class="fs-base mb-1">Status:</h5>'+`<span class="badge badge-label ${"Bullish"===a.status?"badge-soft-success":"badge-soft-danger"}">${a.status}</span>`+'</div><div class="col-md-4"><h5 class="fs-base mb-1">Extra info:</h5><div>And any further details here (images etc)...</div></div></div>'}document.addEventListener("DOMContentLoaded",()=>{var a=document.getElementById("child-rows-data");if(a){let t=new DataTable(a,{ajax:"assets/data/datatables.json",columns:[{className:"dt-control dt-child-rows-btn",orderable:!1,data:null,defaultContent:'<i class="ti ti-square-rounded-plus-filled text-primary align-middle fs-22"></i>'},{data:"company"},{data:"symbol"},{data:"price"},{data:"change"},{data:"volume"},{data:"market_cap"}],order:[[1,"asc"]],language:{paginate:{first:'<i class="ti ti-chevrons-left"></i>',previous:'<i class="ti ti-chevron-left"></i>',next:'<i class="ti ti-chevron-right"></i>',last:'<i class="ti ti-chevrons-right"></i>'}}});t.on("click","td.dt-control",function(a){a=a.target.closest("tr"),a=t.row(a);a.child.isShown()?a.child.hide():a.child(format(a.data())).show()})}});
|
||||
Reference in New Issue
Block a user