javascript - 如何向动态构建的表添加 header ？

Question

单击 li 选项卡后，我将使用 YQL 并获取与其相关的数据。

您能否告诉我如何以这种方式向表格添加标题

名称、最后价格、更改、最后更新

我的代码的某些部分

 if (DaysLow)
                {
   htmldata += '<tr>\
    <td>' + Name + '</td>\
    <td>' + LastTradePriceOnly + '</td>\
     <td>' + Change + '</td>\
    <td>' + ChangeinPercent + '</td>\
    <td>' + LastTradeTime + '</td>\
    </tr>';
                }
            }
        });

https://jsfiddle.net/24qgtfyw/1/

Answer 1

你需要启动你的

htmldata =  '<table><thead><th>Name</th><th>Last Price</th><th>Change</th><th>Last Updated</th></thead><tbody>';

 if (DaysLow)
                {
   htmldata += '<tr>\
    <td>' + Name + '</td>\
    <td>' + LastTradePriceOnly + '</td>\
     <td>' + Change + '</td>\
    <td>' + ChangeinPercent + '</td>\
    <td>' + LastTradeTime + '</td>\
    </tr>';
                }
            }
        });

htmldata += '</tbody></table>';

这是fiddle