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>

いくつかのスタイリングを行うと、あなたが望むものを手に入れるでしょう....