TAG
CSS
JavaScript
Result
Run
License
<table id="mytable" class="simplely"> <thead> <tr> <th>No</th> <th>Name</th> <th>Age</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Tom</td> <td>26</td> </tr> <tr> <td>2</td> <td>Merry</td> <td>23</td> </tr> </tbody> </table>
.simplely { border-collapse: collapse; } .simplely th, .simplely td { border: 1px solid gray; padding: 5px 10px; }
window.addEventListener("load", () => { const $elThead = document.querySelector("#mytable > thead"); const $elAddTr = document.createElement("tr"); const $elAddTh = document.createElement("th"); $elAddTh.textContent = "Members"; $elAddTh.colSpan = 3; $elAddTh.style.backgroundColor = "lightgray"; $elAddTr.append($elAddTh); $elThead.prepend($elAddTr); });
Console
expand_less
License
License
by DevDic
Close