如何使用此 java 脚本设置表格标题行?

如何使用以下脚本将表格的第一行设置为 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>");

      }


    });


饮歌长啸
浏览 183回答 2
2回答

翻过高山走不出你

在按钮单击时使用 javascript:- 创建表格- 创建标题并将其附加到表格- 创建一行并将其附加到表格- 将表格附加到正文<!DOCTYPE html><html><head></head><body>&nbsp; <button onClick="insertTable()">Insert Table</button>&nbsp; <script>&nbsp; &nbsp; function insertTable() {&nbsp; &nbsp; &nbsp; var table = document.createElement("table");&nbsp; &nbsp; &nbsp; /*INSERTING THE HEADER ROW*/&nbsp; &nbsp; &nbsp; var headerRow = table.insertRow(-1);&nbsp; &nbsp; &nbsp; var headerCell1 = document.createElement("TH");&nbsp; &nbsp; &nbsp; headerCell1.innerHTML = "Field1";&nbsp; &nbsp; &nbsp; headerRow.appendChild(headerCell1);&nbsp; &nbsp; &nbsp; var headerCell2 = document.createElement("TH");&nbsp; &nbsp; &nbsp; headerCell2.innerHTML = "Field2";&nbsp; &nbsp; &nbsp; headerRow.appendChild(headerCell2);&nbsp; &nbsp; &nbsp; var headerCell3 = document.createElement("TH");&nbsp; &nbsp; &nbsp; headerCell3.innerHTML = "Field3";&nbsp; &nbsp; &nbsp; headerRow.appendChild(headerCell3);&nbsp; &nbsp; &nbsp; /*INSERTING THE FIRST ROW*/&nbsp; &nbsp; &nbsp; var row = table.insertRow(-1);&nbsp; &nbsp; &nbsp; var cell1 = row.insertCell(-1);&nbsp; &nbsp; &nbsp; cell1.innerHTML = "Value1";&nbsp; &nbsp; &nbsp; var cell2 = row.insertCell(-1);&nbsp; &nbsp; &nbsp; cell2.innerHTML = "Value2";;&nbsp; &nbsp; &nbsp; var cell3 = row.insertCell(-1);&nbsp; &nbsp; &nbsp; cell3.innerHTML = "Value3";;&nbsp; &nbsp; &nbsp; document.body.appendChild(table);&nbsp; &nbsp; }&nbsp; </script></body></html>

慕村225694

第一行是i === 0那么只需添加thead标签。&nbsp; readData=getData("#","TOPSCORRER");&nbsp; for(var i=0; i<readData.length; i++){&nbsp; &nbsp; &nbsp; if (i === 0) { $("#data-table-default").append("<thead>"); }&nbsp; &nbsp; &nbsp; $("#data-table-default").append("<tr>");&nbsp; &nbsp; &nbsp; for(var j=0; j<readData[i].length; j++){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("#data-table-default tr").last().append("<td>"+readData[i][j]+"</td>");&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; $("#data-table-default").append("</tr>");&nbsp; &nbsp; &nbsp; if (i === 0) { $("#data-table-default").append("</thead>"); }&nbsp; }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript