如何使用以下脚本将表格的第一行设置为 thead？'''$(document).ready(function(){ /***************** Example on how to use the function ********************************/ // The columns should all be names so that the script can split columns // Function getData() takes 2 parameters ( name of first column, name of last column) readData=getData("#","TOPSCORRER"); for(var i=0; i<readData.length; i++){ $("#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>"); } });
2 回答
翻过高山走不出你
TA贡献1875条经验 获得超3个赞
在按钮单击时使用 javascript：
- 创建表格
- 创建标题并将其附加到表格
- 创建一行并将其附加到表格
- 将表格附加到正文
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<button onClick="insertTable()">Insert Table</button>
<script>
function insertTable() {
var table = document.createElement("table");
/*INSERTING THE HEADER ROW*/
var headerRow = table.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);
/*INSERTING THE FIRST ROW*/
var row = table.insertRow(-1);
var cell1 = row.insertCell(-1);
cell1.innerHTML = "Value1";
var cell2 = row.insertCell(-1);
cell2.innerHTML = "Value2";;
var cell3 = row.insertCell(-1);
cell3.innerHTML = "Value3";;
document.body.appendChild(table);
}
</script>
</body>
</html>
慕村225694
TA贡献1880条经验 获得超4个赞
第一行是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>"); }
}
添加回答
举报
0/150
提交
取消