首頁猿問如何使用此 java...

如何使用此 java 腳本設置表格標題行？

JavaScript

飲歌長嘯 2021-11-18 09:51:25

如何使用以下腳本將表格的第一行設置為 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>

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>

反對回復 2021-11-18

慕村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>"); }

}

反對回復 2021-11-18

2 回答
0 關注
199 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何使用此 java 腳本設置表格標題行？

如何使用此 java 腳本設置表格標題行？

2 回答

添加回答

如何使用此 java 腳本設置表格標題行？