使用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>