在運行時將col添加到html表的colgroup中

Question

我已經用下面的代碼片段定義了表。

<div class="gridheadercontainer"> 
     <table class="table" cellspacing="0"> 
      <colgroup> 
       <col style="width: 150px;"> 
       <col style="width: 150px;"> 
       <col style="width: 150px;"> 
       <col style="width: 150px;"> 
       <col style="width: 150px;"> 
      </colgroup> 
      <thead> 
      <tr class="columnheader" style="cursor: pointer;"> 
       <th class="headercell"><div class="headercelldiv">Task name</div></th> 
       <th class="headercell"><div class="headercelldiv">Start time</div></th> 
       <th class="headercell"><div class="headercelldiv">End time</div></th> 
       <th class="headercell"><div class="headercelldiv">Duration</div></th> 
       <th class="headercell"><div class="headercelldiv">Status</div></th> 
       <th class="headercell"><div class="headercelldiv"></div></th> 
      </tr> 
      </thead> 
      <tbody class="hide"><tr><td></td><td></td><td></td><td></td><td></td></tr></tbody> 
     </table> 
    </div> 

在這種情況下，我使用下面的代碼片段將col添加到colgroup表。

$('.gridheadercontainer table colgroup').prepend(doc.createElement('col')); 

但它會在第0個索引中添加該列。 如何山坳到最後COLGROUP表

Answer 1

你的意思append()

$('.gridheadercontainer table colgroup').append(doc.createElement('col'));