javascript - HTML/JavaScript 表头

Question

有人可以帮我在表格顶部创建一个新行作为标题，如..

| S.No | Date | Product Name | Client Name |

请看这个小提琴

Answer 1

...

var orderArrayHeader = ["S.No","Date","Product Name","Client Name"];

...

var thead = document.createElement('thead');

table.appendChild(thead);

for(var i=0;i<orderArrayHeader.length;i++){
    thead.appendChild(document.createElement("th")).
    appendChild(document.createTextNode(orderArrayHeader[i]));
}

...

http://jsfiddle.net/QwBsa/12/

Answer 2

利用

<table>
    <thead>
        <tr>
            <th>S.No</th>
            <th>Date</th>
            <th>ProductName</th>
            <ht>ClientName</th>
        </tr>
    </thead>

做一些造型，你会得到你想要的......