在運行時將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個索引中添加該列。 如何將col轉到colgroup表的最后一個

Answer 1

你的意思是append（）

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