Javascript 如何使用此java脚本设置表标题行?
如何使用以下脚本将表的第一行设置为thead?“”Javascript 如何使用此java脚本设置表标题行?,javascript,jquery,Javascript,Jquery,如何使用以下脚本将表的第一行设置为thead?“” $(文档).ready(函数(){ /*****************有关如何使用该函数的示例********************************/ //列都应该是名称,以便脚本可以拆分列 //函数getData()接受2个参数(第一列的名称、最后一列的名称) readData=getData(“#”和“TOPSCORRER”); 对于(var i=0;i第一行是当i==0时,因此只需添加thead标记即可 readData=
$(文档).ready(函数(){
/*****************有关如何使用该函数的示例********************************/
//列都应该是名称,以便脚本可以拆分列
//函数getData()接受2个参数(第一列的名称、最后一列的名称)
readData=getData(“#”和“TOPSCORRER”);
对于(var i=0;i第一行是当i==0
时,因此只需添加thead
标记即可
readData=getData("#","TOPSCORRER");
for(var i=0; i<readData.length; i++){
if (i === 0) { $("#data-table-default").append("<thead>"); }
$("#data-table-default").append("<tr>");
for(var j=0; j<readData[i].length; j++){
$("#data-table-default tr").last().append("<td>"+readData[i][j]+"</td>");
}
$("#data-table-default").append("</tr>");
if (i === 0) { $("#data-table-default").append("</thead>"); }
}
readData=getData(“#”和“TOPSCORRER”);
对于(var i=0;i在按钮上使用javascript,单击:
-创建表
-创建标题并将其附加到表中
-创建一行并将其附加到表中
-a将桌子放在身体上
插入表格
函数insertTable(){
var table=document.createElement(“表”);
/*插入标题行*/
var headerRow=表.insertRow(-1);
var headerCell1=document.createElement(“TH”);
headerCell1.innerHTML=“Field1”;
headerRow.appendChild(headerCell1);
var headerCell2=document.createElement(“TH”);
headerCell2.innerHTML=“Field2”;
headerRow.appendChild(headerCell2);
var headerCell3=document.createElement(“TH”);
headerCell3.innerHTML=“Field3”;
headerRow.appendChild(headerCell3);
/*插入第一行*/
var行=table.insertRow(-1);
var cell1=行插入单元格(-1);
cell1.innerHTML=“Value1”;
var cell2=行插入单元格(-1);
cell2.innerHTML=“Value2”;;
var cell3=行插入单元格(-1);
cell3.innerHTML=“Value3”;;
document.body.appendChild(表);
}
readData=getData("#","TOPSCORRER");
for(var i=0; i<readData.length; i++){
if (i === 0) { $("#data-table-default").append("<thead>"); }
$("#data-table-default").append("<tr>");
for(var j=0; j<readData[i].length; j++){
$("#data-table-default tr").last().append("<td>"+readData[i][j]+"</td>");
}
$("#data-table-default").append("</tr>");
if (i === 0) { $("#data-table-default").append("</thead>"); }
}