Array to Html Table View Using JavaScript

Please subscribe our channel and support me.
Please like and 1 comment this video.

If you are visiting my channel for the first time then please subscribe
Go to my Youtube channel : https://www.youtube.com

Script Code

var array = [ { title: "How to Create table Usign Html Css & javascript", view: "10500", totle: "4582545" }, { title: "table Usign Html Css & javascript", view: "456786", totle: "79678686" }, { title: "Make table Usign Html Css & javascript", view: "645", totle: "54364" }, { title: "How to teble Design in Css", view: "54598", totle: "564864" }, { title: "Table in html Css and Javascript", view: "7862", totle: "78966" }, ]; function tableView(no, title, view, totle) { return `<tr class="group"> <th class="co-num">${no}</th> <th class="co-title">${title}</th> <th class="co-view">${view}</th> <th class="co-totle">${totle}</th> </tr>`; } var thead = document.createElement('thead'); thead.innerHTML = tableView("No","Title", "28 Days View","Totle View"); var count = 0, html = ''; for (const item of array) { count = count + 1; html += tableView(count, item.title, item.view, item.totle); if (count > 10) { break; } } var tbody = document.createElement('tbody'); tbody.innerHTML = html; document.querySelector('.table').append(thead, tbody);

@ Recommendations Videos

blogger theme design : https://youtu.be/DAIJTjRzxLk

Login Form : https://youtu.be/HWbAr1XN3Lc

Forms design : https://youtu.be/M2ERkDXjEuw

Responsive CSS card : https://youtu.be/Ol9_5cYtAaw

Navigation design : https://youtu.be/LNEgZBdWPGM

Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use .

Thanks..