2012-08-29 57 views
-3

有人可以幫助我建立在桌子上一個新行像頭..HTML/JavaScript的表頭

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

請看看這個fiddle

+0

這是什麼問題? – PeeHaa

+0

與行相同,但添加[thead](https://developer.mozilla.org/en-US/docs/HTML/HTML_Elements/thead?redirectlocale=zh-CN&redirectslug=HTML%2FElement%2Fthead)到你的桌子。 –

+0

正在獲取數組值。我正在試圖在表格頂部添加一個新的行作爲標題。 – Maayi

回答

5

...

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/

+0

非常感謝 – Maayi

0

使用

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

做一些造型,你會得到你想要的....