使用javascript在表格中创建子标题

Question

我想知道如何仅使用javascript创建子标题列。我的数据来自服务器，所以我只想创建列和子标题。

所以我已经创建了列，但是如何只使用javascript（css可以在那里）的subheader，但是没有得到我无法获得的html的帮助。

有人可以帮我解决这个问题。 这是表的一些演示 -

这里顶部我需要添加两个带3列的子标题

Answer 1

$(document).ready(function() {
  $('#addSubHeader').click(function() {
    var subHeader =  "<tr><th>3</th><th>4</th>><th>5</th><th>6</th></tr>";
    $(subHeader).appendTo("thead");
  });
 });

th {
  text-align:center;
}

td {
  width: 100px;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table">
<thead>
  <tr>
    <th colspan="2">1</th>
    <th colspan="2">2</th>
  </tr>
</thead>
<tbdody>
  <tr>
    <td>a</td>
    <td>b</td>
    <td>c</td>
    <td>d</td>
  </tr>
    <tr>
    <td>e</td>
    <td>f</td>
    <td>g</td>
    <td>h</td>
  </tr>
</tbdody>
</table>
<button id="addSubHeader">
add a subheader</button>
</button>