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