HTML表没有显示表头

Question

我有一个包含3列和任意行数的html表（基于数据库输出。）

    var fields = ['a','b','c'];  //variable from database
    var data = ['p', 'q', 'r'];  //variable from database
    var who = ['x', 'y', 'z'];  //variable from database
    
    $(function() {
        var table = $("#resultTable");
        var rowNum = 3;
        var resultHtml = '';
    
    	for(var i = 0 ; i < rowNum ; i++) {
    		resultHtml += ["<tr>",
    	 "<td>",
    	  fields[i],
    	 "</td>",
    	 "<td>",
    	  data[i],
    	 "</td>",
    	 "<td>",
    	  who[i],
    	 "</td>",
    	 '</tr>'].join("\n");
    	}
    
    	table.html(resultHtml);
        return false;
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="resultTable">
            <tr>
              <th>Question</th>
              <th>Decision</th>
              <th>Whose Decision</th>
            </tr>
            <tr>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </table>

该表格正确显示了内容，但没有显示每个列的标题，例如Question，Decision，Whose Decision

我错过了什么？

Answer 1

使用textbox覆盖表格的整个内容（包括标题）。

你可以使用类似的东西：

        void AutoUpdateCommandExecute()
        {
            Console.WriteLine("Code is Executing");
            Console.WriteLine(SelectedText);
        }

table.html(...)

Answer 2

你替换了整个HTML。 你需要像

那样使用html

let name = "enzo";
let age  = 20;

console.log({name});
console.log({age});

Answer 3

因为您使用resultHtml替换表HTML代码。

Answer 4

你从我看到的内容中覆盖了javascript中的表格。 table.html（resultHtml）正在替换html代码中的内容。