Javascript가 테이블 정렬을 생성했습니다.

Question

테이블을 생성하고 내 페이지의 div에 연결하는 JS 코드를 작성했습니다. 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이지만 어떻게 든 상속되지 않습니다. 문제가 뭔지 알 겠어?
동일한 페이지에서 생성 된 JS가 아닌 다른 테이블에 sortable 클래스를 할당 해 보았습니다 ...

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가 연결/실행되기 때문일 수 있습니다. js 파일을 준비하거나 jquery를 사용하여 js 파일을로드 할 수 있습니다.