Javascript生成表排序

Question

我寫了一個JS代碼，生成一個表，並將其插入我的網頁上的一個div。我想使用here的排序表插件。 這裏是我的代碼至今：

TableHtml = '' 
    TableHtml += '<div id="table_wrapper" class="scrollable"><table style="width:900px" id="mytable" class="sortable tabular">' 
    TableHtml += '<thead><tr>' 
    TableHtml += '<th class="labels"><span class="nowrap">Date</span></th>' 
    TableHtml += '<th class="labels"><span class="nowrap">Client</span></th>' 
    TableHtml += '<th class="labels"><span class="nowrap">Pass</span></th>' 
    TableHtml += '<th class="labels"><span class="nowrap">Objet</span></th>' 
    TableHtml += '<th class="labels"><span class="nowrap">Panne</span></th>' 
    TableHtml += '<th class="labels"><span class="nowrap">Cause</span></th>' 
    TableHtml += '<th><div id="headerbg"><span class="nowrap">Action</span></div></th>' 
    TableHtml += '<TH class="sorttable_nosort scrollbarCol"></TH>' 
    TableHtml += '</tr></thead><tbody>' 

    var trclass = ''; 
    var d=0    
    if(!rsDetail.bof) { 
    rsDetail.MoveFirst() 
    while(!rsDetail.eof) { 
     detAvis = rsDetail.fields(0).value; 
     detDate = rsDetail.fields(2).value; 
     detClient = rsDetail.fields(4).value 
     detPass = rsDetail.fields(5).value 
     detObjet = rsDetail.fields(9).value 
     detPanne = rsDetail.fields(10).value 
     detCause = rsDetail.fields(11).value 
     detAction = rsDetail.fields(12).value 

     //filling up he rows 
     if (d%2){ 
     trclass='d1' 
     } 
     else{ 
     trclass='d2' 
     } 
     TableHtml += '<tr id="' + detAvis + '" class="' + trclass + '" onclick="Select(' + detAvis + '); showDetails(' + detAvis + ');">' 
     TableHtml += '<td class="td1">' + detDate + '</td>' 
     TableHtml += '<td class="td2">' + detClient + '</td>' 
     TableHtml += '<td class="td3">' + detPass + '</td>' 
     TableHtml += '<td class="td4">' + detObjet + '</td>' 
     TableHtml += '<td class="td5">' + detPanne + '</td>' 
     TableHtml += '<td class="td6">' + detCause + '</td>' 
     TableHtml += '<td class="td7">' + detAction + '</td>' 
     TableHtml += '</tr>'   
     d++ 
     rsDetail.MoveNext() 
    } 
    } 
    TableHtml += '</tbody></table></div>' 

    rsDetail.close() 
    document.getElementById('DetailTable').innerHTML = TableHtml; 

和我的腦袋參考：

<script type="text/javascript" src="js/sorttable.js"></script> 

引用是從here。

表是scrollabale，但以某種方式保持不變。任何想法可能是什麼問題？
我試着將sortable類歸類到另一個表，它不是在同一頁上生成的JS，它工作...

Answer 1

你需要調用makeSortable：

sorttable.makeSortable(document.getElementById('mytable')); 

看到這裏的評論形成斯科特W（搜索makeSortable）： http://www.kryogenix.org/days/2007/04/07/sorttable-v2-making-your-tables-even-more-sortable

在這裏也提到makeSortable： http://www.kryogenix.org/bugs/sorttable/ajax-tables.html

Answer 2

這可能是因爲sorttable.js在插入表之前已鏈接/執行。 你可以嘗試加載文件準備好或使用jQuery的js文件。