table-responsive
Version:
adapts a table to a responsive format that can be viewed on small screens (mobile)
3 lines (2 loc) • 531 B
JavaScript
function adaptTableToMobile({tables:l=document.querySelectorAll("table.adaptToMobile"),classes:n=["inline-block","sm:hidden","w-1/4","font-bold"]}={}){l.forEach(o=>{const r=Array.from(o.querySelectorAll("th")).map(e=>e.textContent);o.querySelectorAll("tr").forEach(e=>{e.querySelectorAll("td").forEach((a,c)=>{const t=document.createElement("span");t.className=n.join(" "),t.textContent=`${r[c]}:`,a.prepend(t)})})})}typeof module!="undefined"&&(module.exports=adaptTableToMobile);
//# sourceMappingURL=table-responsive.min.js.map